impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.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 (29) hide show
  1. package/dist/impaktapps-ui-builder.es.js +761 -843
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +63 -57
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +8 -9
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  16. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +14 -20
  17. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  19. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  20. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  22. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +19 -19
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +272 -346
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +109 -241
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +12 -12
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.2",
3
+ "version": "0.0.101-alpha.21",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts CHANGED
@@ -11,7 +11,7 @@ export const APISection = {
11
11
  widget: "SelectInputField",
12
12
  },
13
13
  config: {
14
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
14
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
15
15
  main: {
16
16
  label: "Method",
17
17
  type: "text",
@@ -26,7 +26,7 @@ export const APISection = {
26
26
  widget: "InputField",
27
27
  },
28
28
  config: {
29
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
29
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
30
30
  main: {
31
31
  label: "Path",
32
32
  type: "text",
@@ -43,121 +43,136 @@ export const APISection = {
43
43
  widget: "EmptyBox",
44
44
  },
45
45
  config: {
46
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
46
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
47
47
  },
48
48
  },
49
49
  {
50
50
  type: "Control",
51
- scope: "#/properties/emptyBox",
52
-
51
+ scope: "#/properties/headers",
53
52
  options: {
54
- widget: "EmptyBox",
53
+ widget: "Array",
55
54
  },
56
55
  config: {
57
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
56
+ layout: 12,
57
+ main: {
58
+ label: "Headers",
59
+ childElementLabel: "Headers",
60
+ },
61
+ style: {
62
+ marginLeft: "-24px",
63
+ marginBottom: "24px !important",
64
+ labelStyle: {
65
+ marginLeft: "24px",
66
+ },
67
+ detailsStyle: {
68
+ marginLeft: "24px",
69
+ }
70
+ }
58
71
  },
59
- },
60
- {
61
- type: "Control",
62
- scope: "#/properties/headers",
63
- layout: 11.5,
64
- options: {
65
- "elementLabelProp": "key",
66
- detail: {
67
- type: "HorizontalLayout",
68
- elements: [
69
- {
70
- type: "Control",
71
- scope: "#/properties/key",
72
- options: {
73
- widget: "InputField",
74
- },
75
- config: {
76
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
77
- main: {
78
- label: "Key",
79
- },
80
- },
72
+ elements: [
73
+ {
74
+ type: "Control",
75
+ scope: "#/properties/key",
76
+ options: {
77
+ widget: "InputField",
78
+ },
79
+ config: {
80
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
81
+ main: {
82
+ label: "Key",
81
83
  },
82
- {
83
- type: "Control",
84
- scope: "#/properties/value",
84
+ },
85
+ },
86
+ {
87
+ type: "Control",
88
+ scope: "#/properties/value",
85
89
 
86
- options: {
87
- widget: "InputField",
88
- },
89
- config: {
90
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
91
- main: {
92
- label: "Value",
93
- },
94
- },
90
+ options: {
91
+ widget: "InputField",
92
+ },
93
+ config: {
94
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
95
+ main: {
96
+ label: "Value",
95
97
  },
96
- {
97
- type: "Control",
98
- scope: "#/properties/emptyBox",
99
-
100
- options: {
101
- widget: "EmptyBox",
102
- },
103
- config: {
104
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
105
- },
106
- },
107
- ],
98
+ },
108
99
  },
109
- },
100
+ {
101
+ type: "Control",
102
+ scope: "#/properties/emptyBox",
103
+
104
+ options: {
105
+ widget: "EmptyBox",
106
+ },
107
+ config: {
108
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
109
+ },
110
+ },
111
+ ],
110
112
  },
111
113
  {
112
114
  type: "Control",
113
115
  scope: "#/properties/body",
114
- layout: 11.5,
115
116
  options: {
116
- "elementLabelProp": "key",
117
- detail: {
118
- type: "HorizontalLayout",
119
- elements: [
120
- {
121
- type: "Control",
122
- scope: "#/properties/key",
123
- options: {
124
- widget: "InputField",
125
- },
126
- config: {
127
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
128
- main: {
129
- label: "Key",
130
- },
131
- },
117
+ widget: "Array",
118
+ },
119
+ config: {
120
+ layout: 12,
121
+ main: {
122
+ label: "Body",
123
+ childElementLabel: "Body",
124
+ },
125
+ style: {
126
+ marginLeft: "-24px",
127
+ marginBottom: "24px !important",
128
+ labelStyle: {
129
+ marginLeft: "24px",
130
+ },
131
+ detailsStyle: {
132
+ marginLeft: "24px",
133
+ }
134
+ }
135
+ },
136
+ elements: [
137
+ {
138
+ type: "Control",
139
+ scope: "#/properties/key",
140
+ options: {
141
+ widget: "InputField",
142
+ },
143
+ config: {
144
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
145
+ main: {
146
+ label: "Key",
132
147
  },
133
- {
134
- type: "Control",
135
- scope: "#/properties/value",
148
+ },
149
+ },
150
+ {
151
+ type: "Control",
152
+ scope: "#/properties/value",
136
153
 
137
- options: {
138
- widget: "InputField",
139
- },
140
- config: {
141
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
142
- main: {
143
- label: "Value",
144
- },
145
- },
154
+ options: {
155
+ widget: "InputField",
156
+ },
157
+ config: {
158
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Value",
146
161
  },
147
- {
148
- type: "Control",
149
- scope: "#/properties/emptyBox",
150
-
151
- options: {
152
- widget: "EmptyBox",
153
- },
154
- config: {
155
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
156
- },
157
- },
158
- ],
162
+ },
159
163
  },
160
- },
164
+ {
165
+ type: "Control",
166
+ scope: "#/properties/emptyBox",
167
+
168
+ options: {
169
+ widget: "EmptyBox",
170
+ },
171
+ config: {
172
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
173
+ },
174
+ },
175
+ ],
161
176
  },
162
177
  getTextArea("apiBody", "Transformer", true,12),
163
178
  ],