impaktapps-ui-builder 0.0.412-mtreemap.3 → 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 (31) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1033 -1062
  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/card.ts +10 -9
  18. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +0 -29
  19. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +3 -8
  20. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +125 -99
  21. package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  23. package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -2
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +362 -367
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +284 -380
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +18 -18
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  30. package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +1 -1
  31. package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
@@ -3,6 +3,6 @@ export declare const buildBasicUiSchema: (config: any) => {
3
3
  pageName: any;
4
4
  name: any;
5
5
  accessorKey: any;
6
- header: any;
6
+ headeing: any;
7
7
  elements: any[];
8
8
  };
@@ -4,17 +4,19 @@ declare const _default: {
4
4
  main: {
5
5
  rowSpacing: number;
6
6
  };
7
- componentsBoxStyle: {
8
- position: string;
9
- color: string;
10
- height: {
11
- xs: string;
12
- md: string;
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;
@@ -42,24 +42,6 @@ export declare const CoreSection: {
42
42
  };
43
43
  };
44
44
  layout?: undefined;
45
- } | {
46
- type: string;
47
- scope: string;
48
- config: {
49
- layout: {
50
- xs: number;
51
- sm: number;
52
- md: number;
53
- lg: number;
54
- };
55
- main?: undefined;
56
- };
57
- options: {
58
- widget: string;
59
- elementLabelProp?: undefined;
60
- detail?: undefined;
61
- };
62
- layout?: undefined;
63
45
  } | {
64
46
  type: string;
65
47
  scope: string;
@@ -2,89 +2,140 @@ export declare const EventSection: {
2
2
  type: string;
3
3
  elements: {
4
4
  type: string;
5
- scope: string;
6
- options: {
7
- widget: string;
8
- };
9
5
  config: {
10
6
  main: {
11
- headerIcons: {
12
- elements: {
13
- widget: {
14
- type: string;
15
- scope: string;
16
- options: {
17
- widget: string;
18
- };
19
- config: {
20
- main: {
21
- color: string;
22
- onClick: string;
23
- size: string;
24
- icon: string;
25
- iconLabel: string;
26
- styleDefault: boolean;
27
- };
28
- style: {
29
- mt: string;
30
- };
31
- };
32
- };
33
- }[];
34
- };
35
- disableAction: boolean;
36
- disableSelection: boolean;
37
- enableDrag: boolean;
7
+ divider: boolean;
8
+ };
9
+ wrapperStyle: {
10
+ border: string;
38
11
  };
39
12
  };
40
13
  elements: ({
41
- accessorKey: string;
42
- header: string;
43
- widget?: undefined;
14
+ type: string;
15
+ scope: string;
16
+ options: {
17
+ widget: string;
18
+ };
19
+ config: {
20
+ layout: number;
21
+ main: {
22
+ heading: string;
23
+ icon?: undefined;
24
+ styleDefault?: undefined;
25
+ size?: undefined;
26
+ onClick?: undefined;
27
+ tooltipMessage?: undefined;
28
+ disableAction?: undefined;
29
+ disableSelection?: undefined;
30
+ enableDrag?: undefined;
31
+ };
32
+ style: {
33
+ fontFamily: string;
34
+ fontWeight: string;
35
+ paddingLeft: string;
36
+ fontSize: string;
37
+ float?: undefined;
38
+ };
39
+ };
40
+ elements?: undefined;
44
41
  } | {
45
- accessorKey: string;
46
- header: string;
47
- widget: {
48
- type: string;
49
- scope: string;
50
- options: {
51
- widget: string;
42
+ type: string;
43
+ scope: string;
44
+ options: {
45
+ widget: string;
46
+ };
47
+ config: {
48
+ layout: number;
49
+ main: {
50
+ icon: string;
51
+ styleDefault: boolean;
52
+ size: string;
53
+ onClick: string;
54
+ tooltipMessage: string;
55
+ heading?: undefined;
56
+ disableAction?: undefined;
57
+ disableSelection?: undefined;
58
+ enableDrag?: undefined;
52
59
  };
53
- config: {
54
- main: {
55
- color: string;
56
- size: string;
57
- icon: string;
58
- tooltipMessage: string;
59
- onClick: string;
60
- };
61
- style: {
62
- color: string;
63
- };
60
+ style: {
61
+ float: string;
62
+ fontFamily?: undefined;
63
+ fontWeight?: undefined;
64
+ paddingLeft?: undefined;
65
+ fontSize?: undefined;
64
66
  };
65
- accessorKeyName?: undefined;
66
67
  };
68
+ elements?: undefined;
67
69
  } | {
68
- accessorKey: string;
69
- header: string;
70
- widget: {
71
- type: string;
72
- scope: string;
73
- accessorKeyName: string;
74
- options: {
75
- widget: string;
70
+ type: string;
71
+ scope: string;
72
+ options: {
73
+ widget: string;
74
+ };
75
+ config: {
76
+ main: {
77
+ disableAction: boolean;
78
+ disableSelection: boolean;
79
+ enableDrag: boolean;
80
+ heading?: undefined;
81
+ icon?: undefined;
82
+ styleDefault?: undefined;
83
+ size?: undefined;
84
+ onClick?: undefined;
85
+ tooltipMessage?: undefined;
76
86
  };
77
- config: {
78
- main: {
79
- icon: string;
80
- color: string;
81
- tooltipMessage: string;
82
- onClick: string;
83
- size?: undefined;
87
+ layout?: undefined;
88
+ style?: undefined;
89
+ };
90
+ elements: ({
91
+ accessorKey: string;
92
+ header: string;
93
+ widget?: undefined;
94
+ } | {
95
+ accessorKey: string;
96
+ header: string;
97
+ widget: {
98
+ type: string;
99
+ scope: string;
100
+ options: {
101
+ widget: string;
102
+ };
103
+ config: {
104
+ main: {
105
+ color: string;
106
+ size: string;
107
+ icon: string;
108
+ tooltipMessage: string;
109
+ onClick: string;
110
+ };
111
+ style: {
112
+ color: string;
113
+ };
84
114
  };
85
- style?: undefined;
115
+ accessorKeyName?: undefined;
86
116
  };
87
- };
117
+ } | {
118
+ accessorKey: string;
119
+ header: string;
120
+ widget: {
121
+ type: string;
122
+ scope: string;
123
+ accessorKeyName: string;
124
+ options: {
125
+ widget: string;
126
+ };
127
+ config: {
128
+ main: {
129
+ icon: string;
130
+ color: string;
131
+ tooltipMessage: string;
132
+ onClick: string;
133
+ size?: undefined;
134
+ };
135
+ style?: undefined;
136
+ };
137
+ };
138
+ })[];
88
139
  })[];
89
140
  }[];
90
141
  };
@@ -7,7 +7,7 @@ export declare const ValueTab: {
7
7
  options: {
8
8
  detail: {
9
9
  type: string;
10
- elements: ({
10
+ elements: {
11
11
  type: string;
12
12
  scope: string;
13
13
  options: {
@@ -24,22 +24,7 @@ export declare const ValueTab: {
24
24
  label: string;
25
25
  };
26
26
  };
27
- } | {
28
- type: string;
29
- scope: string;
30
- options: {
31
- widget: string;
32
- };
33
- config: {
34
- layout: {
35
- xs: number;
36
- sm: number;
37
- md: number;
38
- lg: number;
39
- };
40
- main?: undefined;
41
- };
42
- })[];
27
+ }[];
43
28
  };
44
29
  };
45
30
  }[];
@@ -4,6 +4,7 @@ declare const _default: {
4
4
  main: {
5
5
  rowSpacing: number;
6
6
  divider: boolean;
7
+ label: string;
7
8
  };
8
9
  defaultStyle: boolean;
9
10
  };
@@ -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: () => Promise<any>;
8
+ getUiSchema: () => any;
9
9
  getSchema: () => {
10
10
  type: string;
11
11
  properties: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.412-mtreemap.3",
3
+ "version": "0.0.412-mtreemap.4",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -4,7 +4,7 @@ export const buildBasicUiSchema = (config) => {
4
4
  pageName: config.name,
5
5
  name: config.name,
6
6
  accessorKey: config.name,
7
- header: config.label || config.name,
7
+ headeing: config.label || config.name,
8
8
  "elements": []
9
9
  }
10
- }
10
+ }
@@ -3,37 +3,38 @@ import { HorizontalBarGraph } from "./uischema/graph";
3
3
  import _ from "lodash";
4
4
 
5
5
 
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 =
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
- if (config.bottomLabel) {
30
- horizontalBarGraph.config.main.bottomLabel =
31
- config.bottomLabel;
32
- }
33
- if (config.leftLabel) {
34
- horizontalBarGraph.config.main.leftLabel = config.leftLabel;
35
- }
36
- return horizontalBarGraph
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
  }
@@ -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
+ }
@@ -4,15 +4,16 @@ export default {
4
4
  main: {
5
5
  rowSpacing: 0.5,
6
6
  },
7
-
8
- componentsBoxStyle: {
9
- position : "relative",
10
- color: "white",
11
- height: {xs:"120px",md:"160px"},
12
- width: "100%",
13
- textAlign: "left",
14
- background: "#3f51b5",
15
- borderRadius: "20px",
7
+ style: {
8
+ componentsBoxStyle: {
9
+ position : "relative",
10
+ color: "white",
11
+ height: {xs:"120px",md:"160px"},
12
+ width: "100%",
13
+ textAlign: "left",
14
+ background: "#3f51b5",
15
+ borderRadius: "20px",
16
+ },
16
17
  },
17
18
  layout: { xs: 12, sm: 12,md: 6,lg: 6, },},
18
19
  elements: [
@@ -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",