impaktapps-ui-builder 0.0.101-alpha.13 → 0.0.101-alpha.15

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 (17) hide show
  1. package/dist/impaktapps-ui-builder.es.js +227 -130
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +7 -7
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +6 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  11. package/package.json +1 -1
  12. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +12 -7
  13. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  14. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  15. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  16. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  17. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -43
package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts CHANGED
@@ -107,5 +107,11 @@ export declare const getMultiSelectField: (scope: string, label: string) => {
107
107
  };
108
108
  export declare const buildPropertiesSection: (type: String) => {
109
109
  type: string;
110
+ config: {
111
+ main: {
112
+ label: string;
113
+ gap: string;
114
+ };
115
+ };
110
116
  elements: any[];
111
117
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts CHANGED
@@ -9,28 +9,7 @@ export declare const EventSection: (theme: any) => {
9
9
  config: {
10
10
  main: {
11
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
- } | {
12
+ elements: {
34
13
  widget: {
35
14
  type: string;
36
15
  scope: string;
@@ -44,14 +23,19 @@ export declare const EventSection: (theme: any) => {
44
23
  icon: string;
45
24
  iconLabel: string;
46
25
  styleDefault: boolean;
47
- color?: undefined;
48
26
  };
49
27
  style: {
50
28
  mt: string;
29
+ color: string;
30
+ fill: string;
31
+ "&:hover": {
32
+ color: string;
33
+ fill: string;
34
+ };
51
35
  };
52
36
  };
53
37
  };
54
- })[];
38
+ }[];
55
39
  };
56
40
  disableAction: boolean;
57
41
  disableSelection: boolean;
@@ -61,12 +45,15 @@ export declare const EventSection: (theme: any) => {
61
45
  elements: ({
62
46
  accessorKey: string;
63
47
  header: string;
48
+ type: string;
49
+ size: number;
64
50
  widget?: undefined;
65
51
  field?: undefined;
66
- flex?: undefined;
67
52
  } | {
68
53
  accessorKey: string;
69
54
  header: string;
55
+ size: number;
56
+ type: string;
70
57
  widget: {
71
58
  type: string;
72
59
  scope: string;
@@ -75,7 +62,6 @@ export declare const EventSection: (theme: any) => {
75
62
  };
76
63
  config: {
77
64
  main: {
78
- color: string;
79
65
  size: string;
80
66
  icon: string;
81
67
  tooltipMessage: string;
@@ -83,16 +69,20 @@ export declare const EventSection: (theme: any) => {
83
69
  styleDefault?: undefined;
84
70
  };
85
71
  style: {
86
- color: any;
72
+ fill: any;
73
+ "& :hover": {
74
+ fill: any;
75
+ };
87
76
  };
88
77
  };
89
78
  accessorKeyName?: undefined;
90
79
  };
91
80
  field?: undefined;
92
- flex?: undefined;
93
81
  } | {
94
82
  accessorKey: string;
95
83
  header: string;
84
+ size: number;
85
+ type: string;
96
86
  widget: {
97
87
  type: string;
98
88
  scope: string;
@@ -103,21 +93,25 @@ export declare const EventSection: (theme: any) => {
103
93
  config: {
104
94
  main: {
105
95
  icon: string;
106
- color: string;
107
96
  tooltipMessage: string;
108
97
  onClick: string;
109
98
  size?: undefined;
110
99
  styleDefault?: undefined;
111
100
  };
112
- style?: undefined;
101
+ style: {
102
+ fill: any;
103
+ "& :hover": {
104
+ fill: any;
105
+ };
106
+ };
113
107
  };
114
108
  };
115
109
  field?: undefined;
116
- flex?: undefined;
117
110
  } | {
118
111
  header: string;
119
112
  field: string;
120
- flex: number;
113
+ size: number;
114
+ type: string;
121
115
  widget: {
122
116
  type: string;
123
117
  scope: string;
@@ -130,7 +124,6 @@ export declare const EventSection: (theme: any) => {
130
124
  onClick: string;
131
125
  tooltipMessage: string;
132
126
  styleDefault: boolean;
133
- color?: undefined;
134
127
  size?: undefined;
135
128
  };
136
129
  style?: undefined;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts CHANGED
@@ -1,5 +1,11 @@
1
1
  export declare const StyleSection: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: {
4
10
  type: string;
5
11
  scope: string;
@@ -14,14 +20,7 @@ export declare const StyleSection: {
14
20
  lg: number;
15
21
  };
16
22
  style: {
17
- containerStyle: {
18
- borderRadius: string;
19
- };
20
- headerContainerStyle: {};
21
- textAreaStyle: {
22
- borderRadius: string;
23
- padding: string;
24
- };
23
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {};
25
24
  };
26
25
  main: {
27
26
  heading: string;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts CHANGED
@@ -9,28 +9,7 @@ export declare const TableSection: (theme: any) => {
9
9
  config: {
10
10
  main: {
11
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
- } | {
12
+ elements: {
34
13
  widget: {
35
14
  type: string;
36
15
  scope: string;
@@ -44,14 +23,19 @@ export declare const TableSection: (theme: any) => {
44
23
  icon: string;
45
24
  iconLabel: string;
46
25
  styleDefault: boolean;
47
- color?: undefined;
48
26
  };
49
27
  style: {
50
28
  mt: string;
29
+ color: string;
30
+ fill: string;
31
+ "&:hover": {
32
+ color: string;
33
+ fill: string;
34
+ };
51
35
  };
52
36
  };
53
37
  };
54
- })[];
38
+ }[];
55
39
  };
56
40
  disableAction: boolean;
57
41
  disableSelection: boolean;
@@ -61,13 +45,15 @@ export declare const TableSection: (theme: any) => {
61
45
  elements: ({
62
46
  accessorKey: string;
63
47
  header: string;
48
+ type: string;
49
+ size: number;
64
50
  field?: undefined;
65
- flex?: undefined;
66
51
  widget?: undefined;
67
52
  } | {
68
53
  header: string;
69
54
  field: string;
70
- flex: number;
55
+ size: number;
56
+ type: string;
71
57
  widget: {
72
58
  type: string;
73
59
  scope: string;
@@ -77,14 +63,17 @@ export declare const TableSection: (theme: any) => {
77
63
  config: {
78
64
  main: {
79
65
  icon: string;
80
- color: string;
66
+ size: string;
81
67
  onClick: string;
82
68
  tooltipMessage: string;
83
69
  styleDefault?: undefined;
84
70
  disabled?: undefined;
85
71
  };
86
72
  style: {
87
- color: any;
73
+ fill: any;
74
+ "& :hover": {
75
+ fill: any;
76
+ };
88
77
  };
89
78
  };
90
79
  };
@@ -92,7 +81,8 @@ export declare const TableSection: (theme: any) => {
92
81
  } | {
93
82
  header: string;
94
83
  field: string;
95
- flex: number;
84
+ size: number;
85
+ type: string;
96
86
  widget: {
97
87
  type: string;
98
88
  scope: string;
@@ -102,20 +92,26 @@ export declare const TableSection: (theme: any) => {
102
92
  config: {
103
93
  main: {
104
94
  icon: string;
105
- color: string;
106
95
  onClick: string;
107
96
  tooltipMessage: string;
97
+ size?: undefined;
108
98
  styleDefault?: undefined;
109
99
  disabled?: undefined;
110
100
  };
111
- style?: undefined;
101
+ style: {
102
+ fill: any;
103
+ "& :hover": {
104
+ fill: any;
105
+ };
106
+ };
112
107
  };
113
108
  };
114
109
  accessorKey?: undefined;
115
110
  } | {
116
111
  header: string;
117
112
  field: string;
118
- flex: number;
113
+ size: number;
114
+ type: string;
119
115
  widget: {
120
116
  type: string;
121
117
  scope: string;
@@ -128,7 +124,7 @@ export declare const TableSection: (theme: any) => {
128
124
  onClick: string;
129
125
  styleDefault: boolean;
130
126
  disabled: boolean;
131
- color?: undefined;
127
+ size?: undefined;
132
128
  tooltipMessage?: undefined;
133
129
  };
134
130
  style?: undefined;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts CHANGED
@@ -1,47 +1,66 @@
1
1
  export declare const ValidationSection: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: {
4
10
  type: string;
5
11
  scope: string;
6
- layout: number;
7
12
  options: {
8
- elementLabelProp: string;
9
- detail: {
10
- type: string;
11
- elements: ({
12
- type: string;
13
- scope: string;
14
- options: {
15
- widget: string;
16
- };
17
- config: {
18
- layout: {
19
- xs: number;
20
- sm: number;
21
- md: number;
22
- lg: number;
23
- };
24
- main: {
25
- label: string;
26
- };
27
- };
28
- } | {
29
- type: string;
30
- scope: string;
31
- options: {
32
- widget: string;
33
- };
34
- config: {
35
- layout: {
36
- xs: number;
37
- sm: number;
38
- md: number;
39
- lg?: undefined;
40
- };
41
- main?: undefined;
42
- };
43
- })[];
13
+ widget: string;
14
+ };
15
+ config: {
16
+ layout: number;
17
+ main: {
18
+ label: string;
19
+ childElementLabel: string;
20
+ };
21
+ style: {
22
+ marginLeft: string;
23
+ marginBottom: string;
24
+ labelStyle: {
25
+ marginLeft: string;
26
+ };
27
+ detailsStyle: {
28
+ marginLeft: string;
29
+ };
44
30
  };
45
31
  };
32
+ elements: ({
33
+ type: string;
34
+ scope: string;
35
+ options: {
36
+ widget: string;
37
+ };
38
+ config: {
39
+ layout: {
40
+ xs: number;
41
+ sm: number;
42
+ md: number;
43
+ lg: number;
44
+ };
45
+ main: {
46
+ label: string;
47
+ };
48
+ };
49
+ } | {
50
+ type: string;
51
+ scope: string;
52
+ options: {
53
+ widget: string;
54
+ };
55
+ config: {
56
+ layout: {
57
+ xs: number;
58
+ sm: number;
59
+ md: number;
60
+ lg: number;
61
+ };
62
+ main?: undefined;
63
+ };
64
+ })[];
46
65
  }[];
47
66
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts CHANGED
@@ -1,46 +1,66 @@
1
1
  export declare const ValueTab: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: {
4
10
  type: string;
5
11
  scope: string;
6
- layout: number;
7
12
  options: {
8
- detail: {
9
- type: string;
10
- elements: ({
11
- type: string;
12
- scope: string;
13
- options: {
14
- widget: string;
15
- };
16
- config: {
17
- layout: {
18
- xs: number;
19
- sm: number;
20
- md: number;
21
- lg: number;
22
- };
23
- main: {
24
- label: string;
25
- };
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
- })[];
13
+ widget: string;
14
+ };
15
+ config: {
16
+ layout: number;
17
+ main: {
18
+ label: string;
19
+ childElementLabel: string;
20
+ };
21
+ style: {
22
+ marginLeft: string;
23
+ marginBottom: string;
24
+ labelStyle: {
25
+ marginLeft: string;
26
+ };
27
+ detailsStyle: {
28
+ marginLeft: string;
29
+ };
43
30
  };
44
31
  };
32
+ elements: ({
33
+ type: string;
34
+ scope: string;
35
+ options: {
36
+ widget: string;
37
+ };
38
+ config: {
39
+ layout: {
40
+ xs: number;
41
+ sm: number;
42
+ md: number;
43
+ lg: number;
44
+ };
45
+ main: {
46
+ label: string;
47
+ };
48
+ };
49
+ } | {
50
+ type: string;
51
+ scope: string;
52
+ options: {
53
+ widget: string;
54
+ };
55
+ config: {
56
+ layout: {
57
+ xs: number;
58
+ sm: number;
59
+ md: number;
60
+ lg: number;
61
+ };
62
+ main?: undefined;
63
+ };
64
+ })[];
45
65
  }[];
46
66
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.13",
3
+ "version": "0.0.101-alpha.15",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -12,7 +12,6 @@ const emptyBox = (scope:string,layout?: any) => {
12
12
  widget: "EmptyBox",
13
13
  },
14
14
  config: {
15
- //[{},{},{}]
16
15
  layout: layout,
17
16
  },
18
17
  }
@@ -131,7 +130,7 @@ const getInputField = (scope: String, label: String) => {
131
130
  widget: "InputField",
132
131
  },
133
132
  config: {
134
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
133
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
135
134
  main: {
136
135
  label: label,
137
136
  },
@@ -148,7 +147,7 @@ export const getRadioInputField = (scope: String, label: String, options: string
148
147
  widget: "RadioInputField",
149
148
  },
150
149
  config: {
151
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
150
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
152
151
  main: {
153
152
  label: label,
154
153
 
@@ -221,7 +220,7 @@ export const getSelectField = (scope: string, label: string, options: { label: s
221
220
  widget: "SelectInputField",
222
221
  },
223
222
  config: {
224
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
223
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
225
224
  main: {
226
225
  label: label,
227
226
  type: "text",
@@ -239,7 +238,7 @@ export const getMultiSelectField = (scope: string, label: string) => {
239
238
  widget: "MultipleSelect",
240
239
  },
241
240
  config: {
242
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
241
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
243
242
  main: {
244
243
  multiple: true,
245
244
  label: label,
@@ -250,13 +249,19 @@ export const getMultiSelectField = (scope: string, label: string) => {
250
249
  }
251
250
 
252
251
 
253
- const GraphSection = {
252
+ const BaseSection = {
254
253
  type: "WrapperLayout",
254
+ config: {
255
+ main: {
256
+ label: " ",
257
+ gap: "8px"
258
+ }
259
+ },
255
260
  elements: [],
256
261
  };
257
262
 
258
263
  export const buildPropertiesSection = function (type: String) {
259
- let uiSchema = _.cloneDeep(GraphSection);
264
+ let uiSchema = _.cloneDeep(BaseSection);
260
265
  switch (type) {
261
266
 
262
267
  case "TreeMap":