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
@@ -51,12 +51,7 @@ export const CoreSection = {
51
51
  widget: "SelectInputField",
52
52
  },
53
53
  config: {
54
- layout: {
55
- xs: 12,
56
- sm: 12,
57
- md: 6,
58
- lg: 6,
59
- },
54
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
60
55
  main: {
61
56
  label: "Column Format",
62
57
 
@@ -67,7 +62,17 @@ export const CoreSection = {
67
62
  type: "Control",
68
63
  scope: "#/properties/proc",
69
64
  config: {
70
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
65
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
66
+ },
67
+ options: {
68
+ widget: "EmptyBox",
69
+ },
70
+ },
71
+ {
72
+ type: "Control",
73
+ scope: "#/properties/proc",
74
+ config: {
75
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
71
76
  },
72
77
  options: {
73
78
  widget: "EmptyBox",
@@ -116,15 +121,15 @@ export const CoreSection = {
116
121
  },
117
122
  },
118
123
  {
119
- type: 'Control',
120
- scope: '#/properties/emptyBox',
124
+ type: "Control",
125
+ scope: "#/properties/proc",
126
+ config: {
127
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
128
+ },
121
129
  options: {
122
- widget: "EmptyBox"
130
+ widget: "EmptyBox",
123
131
  },
124
- config: {
125
- layout: {xs: 0, sm: 4}
126
- }
127
- }
132
+ },
128
133
  ],
129
134
  },
130
135
  },
@@ -147,12 +152,7 @@ export const OptionArray: any = {
147
152
  widget: "SelectInputField",
148
153
  },
149
154
  config: {
150
- layout: {
151
- xs: 11,
152
- sm: 11,
153
- md: 5.5,
154
- lg: 5.5,
155
- },
155
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
156
156
  main: {
157
157
  label: "Label",
158
158
  },
@@ -166,12 +166,7 @@ export const OptionArray: any = {
166
166
  widget: "InputField",
167
167
  },
168
168
  config: {
169
- layout: {
170
- xs: 11,
171
- sm: 11,
172
- md: 5.5,
173
- lg: 5.5,
174
- },
169
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
175
170
  main: {
176
171
  label: "Value",
177
172
  helperText: 'Number should be in range of 0 to 12',
@@ -200,5 +195,3 @@ export const OptionArraySchema = {
200
195
  },
201
196
  },
202
197
  };
203
-
204
-
@@ -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: 11, sm: 4, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "date",
@@ -21,12 +21,7 @@ export const DateTime = {
21
21
  },
22
22
 
23
23
  config: {
24
- layout: {
25
- xs: 11,
26
- sm: 11,
27
- md: 5.5,
28
- lg: 5.5,
29
- },
24
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
30
25
  main: {
31
26
  label: "DateTime",
32
27
  type: "date",
@@ -1,119 +1,172 @@
1
1
  export const EventSection = {
2
- type: "HorizontalLayout",
3
- elements: [
4
- {
5
- type: "Control",
6
- scope: "#/properties/events",
7
- options: {
8
- widget: "Table",
9
- },
10
- config: {
11
- main: {
12
- headerIcons: {
13
- elements: [
14
- {
15
- widget: {
16
- type: "Control",
17
- scope: "#/properties/New_Record",
18
-
19
- options: {
20
- widget: "IconButton",
21
- },
22
- config: {
23
- main: {
24
- color: "info",
25
- onClick: "eventAddHandler",
26
- size: "small",
27
- icon: "AddIcon",
28
- iconLabel: "Add New",
29
- styleDefault: true,
2
+ type: "HorizontalLayout",
3
+ elements: [
4
+ // {
5
+ // type: "WrapperLayout",
6
+ // config: {
7
+ // main: {
8
+ // // label: "Table Columns",
9
+ // divider: true,
10
+ // },
11
+ // wrapperStyle: {
12
+ // border:"1px solid gray"
13
+ // },
14
+ // },
15
+ // elements: [
16
+ // {
17
+ // type: "Control",
18
+ // scope: "#/properties/programType",
19
+
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: 8,
25
+ // main: {
26
+ // heading: "Event Table",
27
+ // },
28
+ // style: {
29
+ // fontFamily: "Roboto",
30
+ // fontWeight: "500",
31
+ // paddingLeft:"-10px",
32
+ // fontSize: "20px",},
33
+ // },
34
+ // },
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/Back_Button",
38
+
39
+ // options: {
40
+ // widget: "IconButton",
41
+ // },
42
+ // config: {
43
+ // layout: 3,
44
+ // main: {
45
+ // icon: "AddIcon",
46
+ // styleDefault: true,
47
+ // size: "small",
48
+ // onClick: "eventAddHandler",
49
+ // tooltipMessage: "Back",
50
+ // },
51
+ // style: {
52
+ // float: "right",
53
+ // },
54
+ // },
55
+ // },
56
+ {
57
+ type: "Control",
58
+ scope: "#/properties/events",
59
+ options: {
60
+ widget: "Table",
61
+ },
62
+ config: {
63
+ main: {
64
+ headerIcons: {
65
+ elements: [
66
+ {
67
+ widget: {
68
+ type: "Control",
69
+ scope: "#/properties/New_Record",
70
+
71
+ options: {
72
+ widget: "IconButton",
30
73
  },
31
- style: {
32
- mt: "6px",
74
+ config: {
75
+ main: {
76
+ color: "info",
77
+ onClick: "eventAddHandler",
78
+ size: "small",
79
+ icon: "AddIcon",
80
+ iconLabel: "Add New",
81
+ styleDefault: true,
82
+ },
83
+ style: {
84
+ mt: "6px",
85
+ },
33
86
  },
34
- },
35
- }
36
- },
37
- ]
87
+ }
88
+ },
89
+ ]
90
+ },
91
+ disableAction: true,
92
+ disableSelection: true,
93
+ enableDrag: true,
94
+
38
95
  },
39
- disableAction: true,
40
- disableSelection: true,
41
- enableDrag: true,
42
-
43
96
  },
44
- },
45
- elements: [
46
-
47
- {
48
- accessorKey: "eventType",
49
- header: "Event Type",
50
- },
51
- {
52
- accessorKey: "Handler",
53
- header: "Handler",
54
- },
55
- {
56
- accessorKey: "Edit_Approve_Records",
57
- header: "Edit Widget",
97
+ elements: [
98
+
99
+ {
100
+ accessorKey: "eventType",
101
+ header: "Event Type",
102
+ },
103
+ {
104
+ accessorKey: "Handler",
105
+ header: "Handler",
106
+ },
107
+ {
108
+ accessorKey: "Edit_Approve_Records",
109
+ header: "Edit Widget",
58
110
 
59
- widget: {
60
- type: "Control",
61
- scope: "#/properties/Edit_Records",
62
- options: {
63
- widget: "IconButton",
64
- },
65
- config: {
66
- main: {
67
- color: "info",
68
- size: "small",
69
- icon: "EditIcon",
70
- tooltipMessage: "Edit This Record",
71
- onClick: "eventEditHandler",
111
+ widget: {
112
+ type: "Control",
113
+ scope: "#/properties/Edit_Records",
114
+ options: {
115
+ widget: "IconButton",
72
116
  },
73
- style: {
74
- color: "#3949ab",
117
+ config: {
118
+ main: {
119
+ color: "info",
120
+ size: "small",
121
+ icon: "EditIcon",
122
+ tooltipMessage: "Edit This Record",
123
+ onClick: "eventEditHandler",
124
+ },
125
+ style: {
126
+ color: "#3949ab",
127
+ },
75
128
  },
76
129
  },
77
130
  },
78
- },
79
- {
80
- accessorKey: "Reject_Records",
81
- header: "Delete",
131
+ {
132
+ accessorKey: "Reject_Records",
133
+ header: "Delete",
82
134
 
83
- widget: {
84
- type: "Control",
85
- scope: "#/properties/RejectButton",
86
- accessorKeyName: "Reject_Records",
87
- options: {
88
- widget: "IconButton",
89
- },
90
- config: {
91
- main: {
92
- icon: "RejectIcon",
93
- color: "error",
94
- tooltipMessage: "Reject This Record",
95
- onClick: "deleteEvent",
135
+ widget: {
136
+ type: "Control",
137
+ scope: "#/properties/RejectButton",
138
+ accessorKeyName: "Reject_Records",
139
+ options: {
140
+ widget: "IconButton",
141
+ },
142
+ config: {
143
+ main: {
144
+ icon: "RejectIcon",
145
+ color: "error",
146
+ tooltipMessage: "Reject This Record",
147
+ onClick: "deletePopUpEvent",
148
+ },
96
149
  },
97
150
  },
98
151
  },
99
- },
100
- ]
101
- }]
102
- }
103
-
104
- export const EventSectionSchema = {
105
- events: {
106
- type: "array",
107
- items: {
108
- type: "object",
109
- properties: {
110
- eventType: {
111
- type: "string",
112
- },
113
- configType: {
114
- type: "string",
152
+ ]
153
+ }]}
154
+ // ]}
155
+
156
+ export const EventSectionSchema = {
157
+ events: {
158
+ type: "array",
159
+ items: {
160
+ type: "object",
161
+ properties: {
162
+ eventType: {
163
+ type: "string",
164
+ },
165
+ configType: {
166
+ type: "string",
167
+ },
115
168
  },
116
169
  },
117
170
  },
118
- },
119
- };
171
+ };
172
+
@@ -13,12 +13,7 @@ export const uploadFile = {
13
13
  "style": {
14
14
  "backgroundColor": "none"
15
15
  },
16
- "layout": {
17
- "lg": 5.5,
18
- "md": 5.5,
19
- "sm": 11,
20
- "xs": 11
21
- }
16
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
22
17
  },
23
18
  "options": {
24
19
  "widget": "UploadFile"
@@ -35,12 +30,7 @@ export const downloadFile = {
35
30
  "style": {
36
31
  "backgroundColor": "none"
37
32
  },
38
- "layout": {
39
- "lg": 5.5,
40
- "md": 5.5,
41
- "sm": 11,
42
- "xs": 11
43
- }
33
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 }
44
34
  },
45
35
  "options": {
46
36
  "widget": "DownloadFile"
@@ -134,7 +134,7 @@ export const LineGraph = {
134
134
  leftLabel: "Incentive",
135
135
  gridHidden: true,
136
136
  numHidden: false,
137
- tooltipDataKey: ["First", "Second", "Third"],
137
+ tooltipDataKey: ["MAMA New Project", "Second", "Third"],
138
138
  axisLeft: true,
139
139
  axisBottom: true,
140
140
  hideLeftAxisLine: false,
@@ -7,9 +7,13 @@ export default {
7
7
  label: "LeaderBoard",
8
8
  divider: true,
9
9
  },
10
- style:{wrapperStyle:{
11
- height: {xs:850,sm:1000}
12
- }},
10
+ style: {
11
+ wrapperStyle: {
12
+ display: "flex",
13
+ gap: "10px",
14
+
15
+ }
16
+ },
13
17
  wrapperStyle: {
14
18
  position: "relative",
15
19
  width: "100%",
@@ -339,12 +343,12 @@ export default {
339
343
  fontWeight: 900,
340
344
  background: "rgb(179, 198, 255)"
341
345
  },
342
- position: "absolute",
343
346
  top: { xs: "300px", sm: "300px", md: "390px", lg: "390px" },
344
347
  // top:"390px",
345
348
  border: "2px solid rgb(179, 198, 255)",
346
349
  width: "95%",
347
- left: "2.5%"
350
+ left: "2.5%",
351
+ margin: "auto"
348
352
 
349
353
  },
350
354
 
@@ -29,6 +29,20 @@ export const refreshSectionUiSchema = {
29
29
  type: "Control",
30
30
  scope: "#/properties/emptyBox",
31
31
 
32
+ options: {
33
+ widget: "EmptyBox",
34
+ },
35
+ config: {
36
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
37
+ main: {
38
+
39
+ },
40
+ },
41
+ },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/emptyBox",
45
+
32
46
  options: {
33
47
  widget: "EmptyBox",
34
48
  },
@@ -137,7 +137,7 @@ export const TableSection = {
137
137
  main: {
138
138
  icon: "RejectIcon",
139
139
  color: "error",
140
- onClick: "deleteComponent",
140
+ onClick: "deletePopUpComponent",
141
141
  tooltipMessage: "Reject This Record",
142
142
  },
143
143
  },
@@ -6,7 +6,7 @@ export const ValueTab = {
6
6
  {
7
7
  type: "Control",
8
8
  scope: "#/properties/value",
9
- layout: 11.5,
9
+ layout: 12,
10
10
  options: {
11
11
  detail: {
12
12
  type: "HorizontalLayout",
@@ -4,6 +4,7 @@ export default {
4
4
  main: {
5
5
  rowSpacing: 3,
6
6
  divider: true,
7
+ label: "Default Label",
7
8
  },
8
9
  defaultStyle: true,
9
10
  },
@@ -37,8 +37,6 @@ export const ComponentSchema: any = {
37
37
  { title: "Tabs", const: "TabSection" },
38
38
  { title: "Text", const: "Text" },
39
39
  { title: "Text Area", const: "TextArea" },
40
- // { title: "Timer", const: "Timer" },
41
- // { title: "Upload File", const: "UploadFile" },
42
40
  { title: "Timer", const: "Timer" },
43
41
  { title: "Upload File", const: "UploadFile" },
44
42
  { title: "TreeMap", const: "TreeMap" },