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

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 (32) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1082 -1092
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  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/card.d.ts +12 -10
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +0 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +121 -70
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +2 -17
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
  11. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
  14. package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
  15. package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -29
  18. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  21. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  22. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  24. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  29. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  30. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  31. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  32. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
@@ -44,35 +44,6 @@ export const CoreSection = {
44
44
  },
45
45
  },
46
46
  },
47
- {
48
- type: "Control",
49
- scope: "#/properties/columnFormat",
50
- options: {
51
- widget: "SelectInputField",
52
- },
53
- config: {
54
- layout: {
55
- xs: 12,
56
- sm: 12,
57
- md: 6,
58
- lg: 6,
59
- },
60
- main: {
61
- label: "Column Format",
62
-
63
- },
64
- },
65
- },
66
- {
67
- type: "Control",
68
- scope: "#/properties/proc",
69
- config: {
70
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
71
- },
72
- options: {
73
- widget: "EmptyBox",
74
- },
75
- },
76
47
  {
77
48
  type: "Control",
78
49
  scope: "#/properties/layout",
@@ -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,145 @@
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: {
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
+ },
13
15
  elements: [
14
16
  {
15
- widget: {
16
- type: "Control",
17
- scope: "#/properties/New_Record",
18
-
19
- options: {
20
- widget: "IconButton",
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",
21
50
  },
22
- config: {
23
- main: {
24
- color: "info",
25
- onClick: "eventAddHandler",
26
- size: "small",
27
- icon: "AddIcon",
28
- iconLabel: "Add New",
29
- styleDefault: true,
30
- },
31
- style: {
32
- mt: "6px",
33
- },
51
+ style: {
52
+ float: "right",
34
53
  },
35
- }
54
+ },
36
55
  },
37
- ]
38
- },
39
- disableAction: true,
40
- disableSelection: true,
41
- enableDrag: true,
42
-
56
+ {
57
+ type: "Control",
58
+ scope: "#/properties/events",
59
+ options: {
60
+ widget: "Table",
43
61
  },
44
- },
45
- elements: [
46
-
47
- {
48
- accessorKey: "eventType",
49
- header: "Event Type",
50
- },
51
- {
52
- accessorKey: "Handler",
53
- header: "Handler",
62
+ config: {
63
+ main: {
64
+ disableAction: true,
65
+ disableSelection: true,
66
+ enableDrag: true,
67
+
68
+ },
54
69
  },
55
- {
56
- accessorKey: "Edit_Approve_Records",
57
- header: "Edit Widget",
70
+ elements: [
71
+
72
+ {
73
+ accessorKey: "eventType",
74
+ header: "Event Type",
75
+ },
76
+ {
77
+ accessorKey: "Handler",
78
+ header: "Handler",
79
+ },
80
+ {
81
+ accessorKey: "Edit_Approve_Records",
82
+ header: "Edit Widget",
58
83
 
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",
84
+ widget: {
85
+ type: "Control",
86
+ scope: "#/properties/Edit_Records",
87
+ options: {
88
+ widget: "IconButton",
72
89
  },
73
- style: {
74
- color: "#3949ab",
90
+ config: {
91
+ main: {
92
+ color: "info",
93
+ size: "small",
94
+ icon: "EditIcon",
95
+ tooltipMessage: "Edit This Record",
96
+ onClick: "eventEditHandler",
97
+ },
98
+ style: {
99
+ color: "#3949ab",
100
+ },
75
101
  },
76
102
  },
77
103
  },
78
- },
79
- {
80
- accessorKey: "Reject_Records",
81
- header: "Delete",
104
+ {
105
+ accessorKey: "Reject_Records",
106
+ header: "Delete",
82
107
 
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",
108
+ widget: {
109
+ type: "Control",
110
+ scope: "#/properties/RejectButton",
111
+ accessorKeyName: "Reject_Records",
112
+ options: {
113
+ widget: "IconButton",
114
+ },
115
+ config: {
116
+ main: {
117
+ icon: "RejectIcon",
118
+ color: "error",
119
+ tooltipMessage: "Reject This Record",
120
+ onClick: "deleteEvent",
121
+ },
96
122
  },
97
123
  },
98
124
  },
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",
125
+ ]
126
+ }]}
127
+ ]}
128
+
129
+ export const EventSectionSchema = {
130
+ events: {
131
+ type: "array",
132
+ items: {
133
+ type: "object",
134
+ properties: {
135
+ eventType: {
136
+ type: "string",
137
+ },
138
+ configType: {
139
+ type: "string",
140
+ },
115
141
  },
116
142
  },
117
143
  },
118
- },
119
- };
144
+ };
145
+
@@ -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,
@@ -18,7 +18,12 @@ export const ValueTab = {
18
18
  widget: "InputField",
19
19
  },
20
20
  config: {
21
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
21
+ layout: {
22
+ xs: 11,
23
+ sm: 11,
24
+ md: 5.5,
25
+ lg: 5.5,
26
+ },
22
27
  main: {
23
28
  label: "Label",
24
29
  },
@@ -32,23 +37,18 @@ export const ValueTab = {
32
37
  widget: "InputField",
33
38
  },
34
39
  config: {
35
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
40
+ layout: {
41
+ xs: 11,
42
+ sm: 11,
43
+ md: 5.5,
44
+ lg: 5.5,
45
+ },
36
46
  main: {
37
47
  label: "Value",
38
48
 
39
49
  },
40
50
  },
41
51
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
45
- options: {
46
- widget: "EmptyBox"
47
- },
48
- config: {
49
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
- }
51
- }
52
52
  ],
53
53
  },
54
54
  },
@@ -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,8 @@ 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" },
40
+ { title: "Timer", const: "Timer" },
41
+ { title: "Upload File", const: "UploadFile" },
42
42
  { title: "Timer", const: "Timer" },
43
43
  { title: "Upload File", const: "UploadFile" },
44
44
  { title: "TreeMap", const: "TreeMap" },