impaktapps-ui-builder 0.0.412-mtreemap.3 → 0.0.412-mtreemap.30
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.
- package/dist/impaktapps-ui-builder.es.js +1189 -585
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +13 -13
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +1 -6
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +12 -10
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +5 -5
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +2 -2
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/file.d.ts +6 -6
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.d.ts +8 -5
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +25 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +4 -2
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +3 -2
- package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +3 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +4 -4
- package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +27 -26
- package/src/impaktapps-ui-builder/builder/build/buildPieGraph.ts +2 -0
- package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +1 -5
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +48 -66
- package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +2 -7
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +10 -9
- package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +21 -28
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +107 -103
- package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -12
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -118
- package/src/impaktapps-ui-builder/builder/build/uischema/leaderBoard.ts +9 -5
- package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +93 -137
- package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -2
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +487 -283
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +515 -204
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +104 -98
- package/src/impaktapps-ui-builder/builder/services/component.ts +39 -21
- package/src/impaktapps-ui-builder/builder/services/event.ts +16 -6
- package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +18 -2
- package/src/impaktapps-ui-builder/runtime/services/events.ts +28 -34
- package/src/impaktapps-ui-builder/runtime/services/service.ts +112 -4
|
@@ -4,17 +4,19 @@ declare const _default: {
|
|
|
4
4
|
main: {
|
|
5
5
|
rowSpacing: number;
|
|
6
6
|
};
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
style: {
|
|
8
|
+
componentsBoxStyle: {
|
|
9
|
+
position: string;
|
|
10
|
+
color: string;
|
|
11
|
+
height: {
|
|
12
|
+
xs: string;
|
|
13
|
+
md: string;
|
|
14
|
+
};
|
|
15
|
+
width: string;
|
|
16
|
+
textAlign: string;
|
|
17
|
+
background: string;
|
|
18
|
+
borderRadius: string;
|
|
13
19
|
};
|
|
14
|
-
width: string;
|
|
15
|
-
textAlign: string;
|
|
16
|
-
background: string;
|
|
17
|
-
borderRadius: string;
|
|
18
20
|
};
|
|
19
21
|
layout: {
|
|
20
22
|
xs: number;
|
|
@@ -111,18 +111,18 @@ export declare const CoreSection: {
|
|
|
111
111
|
} | {
|
|
112
112
|
type: string;
|
|
113
113
|
scope: string;
|
|
114
|
-
options: {
|
|
115
|
-
widget: string;
|
|
116
|
-
};
|
|
117
114
|
config: {
|
|
118
115
|
layout: {
|
|
119
116
|
xs: number;
|
|
120
117
|
sm: number;
|
|
121
|
-
md
|
|
122
|
-
lg
|
|
118
|
+
md: number;
|
|
119
|
+
lg: number;
|
|
123
120
|
};
|
|
124
121
|
main?: undefined;
|
|
125
122
|
};
|
|
123
|
+
options: {
|
|
124
|
+
widget: string;
|
|
125
|
+
};
|
|
126
126
|
})[];
|
|
127
127
|
};
|
|
128
128
|
widget?: undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const EventSection: {
|
|
1
|
+
export declare const EventSection: (theme: any) => {
|
|
2
2
|
type: string;
|
|
3
3
|
elements: {
|
|
4
4
|
type: string;
|
|
@@ -59,7 +59,7 @@ export declare const EventSection: {
|
|
|
59
59
|
onClick: string;
|
|
60
60
|
};
|
|
61
61
|
style: {
|
|
62
|
-
color:
|
|
62
|
+
color: any;
|
|
63
63
|
};
|
|
64
64
|
};
|
|
65
65
|
accessorKeyName?: undefined;
|
|
@@ -12,10 +12,10 @@ export declare const uploadFile: {
|
|
|
12
12
|
backgroundColor: string;
|
|
13
13
|
};
|
|
14
14
|
layout: {
|
|
15
|
-
lg: number;
|
|
16
|
-
md: number;
|
|
17
|
-
sm: number;
|
|
18
15
|
xs: number;
|
|
16
|
+
sm: number;
|
|
17
|
+
md: number;
|
|
18
|
+
lg: number;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
21
|
options: {
|
|
@@ -34,10 +34,10 @@ export declare const downloadFile: {
|
|
|
34
34
|
backgroundColor: string;
|
|
35
35
|
};
|
|
36
36
|
layout: {
|
|
37
|
-
lg: number;
|
|
38
|
-
md: number;
|
|
39
|
-
sm: number;
|
|
40
37
|
xs: number;
|
|
38
|
+
sm: number;
|
|
39
|
+
md: number;
|
|
40
|
+
lg: number;
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
43
|
options: {
|
|
@@ -9,10 +9,8 @@ declare const _default: {
|
|
|
9
9
|
};
|
|
10
10
|
style: {
|
|
11
11
|
wrapperStyle: {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
sm: number;
|
|
15
|
-
};
|
|
12
|
+
display: string;
|
|
13
|
+
gap: string;
|
|
16
14
|
};
|
|
17
15
|
};
|
|
18
16
|
wrapperStyle: {
|
|
@@ -76,6 +74,7 @@ declare const _default: {
|
|
|
76
74
|
'@keyframes rotateAnimation'?: undefined;
|
|
77
75
|
animation?: undefined;
|
|
78
76
|
tableHeadstyle?: undefined;
|
|
77
|
+
margin?: undefined;
|
|
79
78
|
};
|
|
80
79
|
layout: number;
|
|
81
80
|
};
|
|
@@ -122,6 +121,7 @@ declare const _default: {
|
|
|
122
121
|
'@keyframes rotateAnimation'?: undefined;
|
|
123
122
|
animation?: undefined;
|
|
124
123
|
tableHeadstyle?: undefined;
|
|
124
|
+
margin?: undefined;
|
|
125
125
|
};
|
|
126
126
|
layout: number;
|
|
127
127
|
containerStyle?: undefined;
|
|
@@ -169,6 +169,7 @@ declare const _default: {
|
|
|
169
169
|
'@keyframes rotateAnimation'?: undefined;
|
|
170
170
|
animation?: undefined;
|
|
171
171
|
tableHeadstyle?: undefined;
|
|
172
|
+
margin?: undefined;
|
|
172
173
|
};
|
|
173
174
|
layout: number;
|
|
174
175
|
containerStyle?: undefined;
|
|
@@ -235,6 +236,7 @@ declare const _default: {
|
|
|
235
236
|
zIndex: number;
|
|
236
237
|
fontWeight?: undefined;
|
|
237
238
|
tableHeadstyle?: undefined;
|
|
239
|
+
margin?: undefined;
|
|
238
240
|
};
|
|
239
241
|
layout: number;
|
|
240
242
|
containerStyle?: undefined;
|
|
@@ -256,7 +258,6 @@ declare const _default: {
|
|
|
256
258
|
fontWeight: number;
|
|
257
259
|
background: string;
|
|
258
260
|
};
|
|
259
|
-
position: string;
|
|
260
261
|
top: {
|
|
261
262
|
xs: string;
|
|
262
263
|
sm: string;
|
|
@@ -266,9 +267,11 @@ declare const _default: {
|
|
|
266
267
|
border: string;
|
|
267
268
|
width: string;
|
|
268
269
|
left: string;
|
|
270
|
+
margin: string;
|
|
269
271
|
objectFit?: undefined;
|
|
270
272
|
height?: undefined;
|
|
271
273
|
borderRadius?: undefined;
|
|
274
|
+
position?: undefined;
|
|
272
275
|
display?: undefined;
|
|
273
276
|
justifyContent?: undefined;
|
|
274
277
|
alignItems?: undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const TableSection: {
|
|
1
|
+
export declare const TableSection: (theme: any) => {
|
|
2
2
|
type: string;
|
|
3
3
|
elements: {
|
|
4
4
|
type: string;
|
|
@@ -60,6 +60,30 @@ export declare const TableSection: {
|
|
|
60
60
|
onClick: string;
|
|
61
61
|
tooltipMessage: string;
|
|
62
62
|
};
|
|
63
|
+
style: {
|
|
64
|
+
color: any;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
accessorKey?: undefined;
|
|
69
|
+
} | {
|
|
70
|
+
header: string;
|
|
71
|
+
field: string;
|
|
72
|
+
flex: number;
|
|
73
|
+
widget: {
|
|
74
|
+
type: string;
|
|
75
|
+
scope: string;
|
|
76
|
+
options: {
|
|
77
|
+
widget: string;
|
|
78
|
+
};
|
|
79
|
+
config: {
|
|
80
|
+
main: {
|
|
81
|
+
icon: string;
|
|
82
|
+
color: string;
|
|
83
|
+
onClick: string;
|
|
84
|
+
tooltipMessage: string;
|
|
85
|
+
};
|
|
86
|
+
style?: undefined;
|
|
63
87
|
};
|
|
64
88
|
};
|
|
65
89
|
accessorKey?: undefined;
|
|
@@ -8,11 +8,13 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
|
|
|
8
8
|
saveHandler: () => Promise<void>;
|
|
9
9
|
onChange: () => void;
|
|
10
10
|
editComponents: () => void;
|
|
11
|
-
deleteComponents: () => void;
|
|
12
|
-
deleteEvent: () => void;
|
|
11
|
+
deleteComponents: (shouldUpdateDialog?: boolean) => void;
|
|
12
|
+
deleteEvent: (shouldUpdateDialog?: boolean) => void;
|
|
13
13
|
widgetAddClickHandler: () => void;
|
|
14
14
|
eventEditHandler: () => void;
|
|
15
15
|
eventAddHandler: () => void;
|
|
16
16
|
backHandler: () => void;
|
|
17
|
+
deletePopUpComponent: () => void;
|
|
18
|
+
deletePopUpEvent: () => void;
|
|
17
19
|
};
|
|
18
20
|
export default _default;
|
|
@@ -5,7 +5,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
|
|
|
5
5
|
setPage: () => Promise<void>;
|
|
6
6
|
refreshPage: (handlerType: any, store: any) => void;
|
|
7
7
|
getFormData: () => any;
|
|
8
|
-
getUiSchema: () =>
|
|
8
|
+
getUiSchema: () => any;
|
|
9
9
|
getSchema: () => {
|
|
10
10
|
type: string;
|
|
11
11
|
properties: {
|
|
@@ -84,7 +84,8 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
|
|
|
84
84
|
onChange: () => void;
|
|
85
85
|
addEvent: () => void;
|
|
86
86
|
editEvent: () => void;
|
|
87
|
-
deleteEvent: () => void
|
|
87
|
+
deleteEvent: () => Promise<void>;
|
|
88
88
|
backHandler: () => void;
|
|
89
|
+
deletePopUpEvent: () => void;
|
|
89
90
|
};
|
|
90
91
|
export default _default;
|
|
@@ -57,9 +57,11 @@ declare const _default: (funcParams: funcParamsProps) => {
|
|
|
57
57
|
onAddClickHandler: () => void;
|
|
58
58
|
saveHandler: () => Promise<void>;
|
|
59
59
|
Edit_Components: () => void;
|
|
60
|
-
Delete_Components: () => void
|
|
60
|
+
Delete_Components: () => Promise<void>;
|
|
61
61
|
eventAddHandler: () => void;
|
|
62
62
|
editEvent: () => void;
|
|
63
63
|
deleteEvent: () => void;
|
|
64
|
+
deletePopUpComponent: () => void;
|
|
65
|
+
deletePopUpEvent: () => void;
|
|
64
66
|
};
|
|
65
67
|
export default _default;
|
package/package.json
CHANGED
|
@@ -29,10 +29,10 @@ export default (FormData: any) => {
|
|
|
29
29
|
export const createLayoutFormat = (config: any[]) => {
|
|
30
30
|
if (_.isEmpty(config)) {
|
|
31
31
|
return {
|
|
32
|
-
xs:
|
|
33
|
-
sm:
|
|
34
|
-
md:
|
|
35
|
-
lg:
|
|
32
|
+
xs: 12,
|
|
33
|
+
sm: 12,
|
|
34
|
+
md: 12,
|
|
35
|
+
lg: 12,
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
let data: any = {};
|
|
@@ -3,37 +3,38 @@ import { HorizontalBarGraph } from "./uischema/graph";
|
|
|
3
3
|
import _ from "lodash";
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
const buildHorizontalBarGraph = (config:
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
6
|
+
const buildHorizontalBarGraph = (config:any,componentScope:string) => {
|
|
7
|
+
const horizontalBarGraph: any = _.cloneDeep(HorizontalBarGraph);
|
|
8
|
+
horizontalBarGraph.scope = componentScope;
|
|
9
|
+
if (config.layout) {
|
|
10
|
+
horizontalBarGraph.config.layout = createLayoutFormat(config.layout);
|
|
11
|
+
}
|
|
12
|
+
horizontalBarGraph.scope = componentScope;
|
|
13
|
+
horizontalBarGraph.config.main.header = config.heading;
|
|
14
|
+
if (config.barColor) {
|
|
15
|
+
horizontalBarGraph.config.barStyle.color = config.barColor;
|
|
16
|
+
}
|
|
17
|
+
if (config.containerBackground) {
|
|
18
|
+
horizontalBarGraph.config.containerStyle.background =
|
|
19
|
+
config.containerBackground;
|
|
20
|
+
}
|
|
21
|
+
if (config.height) {
|
|
22
|
+
horizontalBarGraph.config.style =
|
|
23
23
|
{
|
|
24
24
|
containerStyle: {
|
|
25
25
|
height: config.height
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
config.bottomLabel
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
28
|
+
|
|
29
|
+
}
|
|
30
|
+
if (config.bottomLabel) {
|
|
31
|
+
horizontalBarGraph.config.main.bottomLabel =
|
|
32
|
+
config.bottomLabel;
|
|
33
|
+
}
|
|
34
|
+
if (config.leftLabel) {
|
|
35
|
+
horizontalBarGraph.config.main.leftLabel = config.leftLabel;
|
|
36
|
+
}
|
|
37
|
+
return horizontalBarGraph
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
export default buildHorizontalBarGraph
|
|
@@ -13,6 +13,7 @@ export const buildPieGraph = (config, componentScope) => {
|
|
|
13
13
|
height: config.height
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
|
+
|
|
16
17
|
}
|
|
17
18
|
if (config.legendHide) {
|
|
18
19
|
pieGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
|
|
@@ -30,6 +31,7 @@ export const buildPieGraph = (config, componentScope) => {
|
|
|
30
31
|
colorRange: flatObjectValueInArray(config.pieArcColors)
|
|
31
32
|
}
|
|
32
33
|
}
|
|
34
|
+
|
|
33
35
|
}
|
|
34
36
|
return pieGraph;
|
|
35
37
|
}
|
|
@@ -15,10 +15,6 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
|
|
|
15
15
|
if (config.barColor) {
|
|
16
16
|
barGraph.config.barStyle.color = config.barColor;
|
|
17
17
|
}
|
|
18
|
-
// if (config.containerBackground) {
|
|
19
|
-
// barGraph.config.containerStyle.background =
|
|
20
|
-
// config.containerBackground;
|
|
21
|
-
// }
|
|
22
18
|
if (config.height) {
|
|
23
19
|
barGraph.config.style.containerStyle.height = config.height;
|
|
24
20
|
}
|
|
@@ -28,6 +24,6 @@ export const buildStackbarGraph = (config:any,componentScope:string) => {
|
|
|
28
24
|
if (config.leftLabel) {
|
|
29
25
|
barGraph.config.main.leftLabel = config.leftLabel;
|
|
30
26
|
}
|
|
31
|
-
|
|
27
|
+
barGraph.scope = componentScope;
|
|
32
28
|
return barGraph;
|
|
33
29
|
}
|
|
@@ -7,7 +7,7 @@ export const buildWrapperSection = (config, componentScope) => {
|
|
|
7
7
|
wrapper.scope = componentScope;
|
|
8
8
|
wrapper.config.main.label = config.label;
|
|
9
9
|
wrapper.config.main.divider = config.divider === "YES" ? true : false;
|
|
10
|
-
wrapper.config.main.isAccordion = config.isAccordion === "
|
|
10
|
+
wrapper.config.main.isAccordion = config.isAccordion === "No" ? false : true;
|
|
11
11
|
if(config.defaultStyle){
|
|
12
12
|
wrapper.config.defaultStyle = config.defaultStyle ==="YES" ? true : false;
|
|
13
13
|
}
|
|
@@ -18,4 +18,4 @@ export const buildWrapperSection = (config, componentScope) => {
|
|
|
18
18
|
wrapper.config.layout = createLayoutFormat(config.layout)
|
|
19
19
|
}
|
|
20
20
|
return wrapper;
|
|
21
|
-
}
|
|
21
|
+
}
|