impaktapps-ui-builder 0.0.101-alpha.19 → 0.0.101-alpha.20

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +158 -146
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -56
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +1 -8
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  10. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -12
  11. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  12. package/src/impaktapps-ui-builder/builder/services/event.ts +2 -2
package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts CHANGED
@@ -9,14 +9,7 @@ export declare const APISection: {
9
9
  config: {
10
10
  layout: any;
11
11
  style: {
12
- containerStyle: {
13
- borderRadius: string;
14
- };
15
- headerContainerStyle: {};
16
- textAreaStyle: {
17
- borderRadius: string;
18
- padding: string;
19
- };
12
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {};
20
13
  };
21
14
  main: {
22
15
  heading: string;
@@ -30,8 +23,6 @@ export declare const APISection: {
30
23
  scope: string;
31
24
  options: {
32
25
  widget: string;
33
- elementLabelProp?: undefined;
34
- detail?: undefined;
35
26
  };
36
27
  config: {
37
28
  layout: {
@@ -45,16 +36,16 @@ export declare const APISection: {
45
36
  type: string;
46
37
  multiple?: undefined;
47
38
  options?: undefined;
39
+ childElementLabel?: undefined;
48
40
  };
41
+ style?: undefined;
49
42
  };
50
- layout?: undefined;
43
+ elements?: undefined;
51
44
  } | {
52
45
  type: string;
53
46
  scope: string;
54
47
  options: {
55
48
  widget: string;
56
- elementLabelProp?: undefined;
57
- detail?: undefined;
58
49
  };
59
50
  config: {
60
51
  layout: {
@@ -68,16 +59,16 @@ export declare const APISection: {
68
59
  type: string;
69
60
  multiple: boolean;
70
61
  options: any[];
62
+ childElementLabel?: undefined;
71
63
  };
64
+ style?: undefined;
72
65
  };
73
- layout?: undefined;
66
+ elements?: undefined;
74
67
  } | {
75
68
  type: string;
76
69
  scope: string;
77
70
  options: {
78
71
  widget: string;
79
- elementLabelProp?: undefined;
80
- detail?: undefined;
81
72
  };
82
73
  config: {
83
74
  layout: {
@@ -87,53 +78,68 @@ export declare const APISection: {
87
78
  lg: number;
88
79
  };
89
80
  main?: undefined;
81
+ style?: undefined;
90
82
  };
91
- layout?: undefined;
83
+ elements?: undefined;
92
84
  } | {
93
85
  type: string;
94
86
  scope: string;
95
- layout: number;
96
87
  options: {
97
- elementLabelProp: string;
98
- detail: {
99
- type: string;
100
- elements: ({
101
- type: string;
102
- scope: string;
103
- options: {
104
- widget: string;
105
- };
106
- config: {
107
- layout: {
108
- xs: number;
109
- sm: number;
110
- md: number;
111
- lg: number;
112
- };
113
- main: {
114
- label: string;
115
- };
116
- };
117
- } | {
118
- type: string;
119
- scope: string;
120
- options: {
121
- widget: string;
122
- };
123
- config: {
124
- layout: {
125
- xs: number;
126
- sm: number;
127
- md: number;
128
- lg: number;
129
- };
130
- main?: undefined;
131
- };
132
- })[];
88
+ widget: string;
89
+ };
90
+ config: {
91
+ layout: number;
92
+ main: {
93
+ label: string;
94
+ childElementLabel: string;
95
+ type?: undefined;
96
+ multiple?: undefined;
97
+ options?: undefined;
98
+ };
99
+ style: {
100
+ marginLeft: string;
101
+ marginBottom: string;
102
+ labelStyle: {
103
+ marginLeft: string;
104
+ };
105
+ detailsStyle: {
106
+ marginLeft: string;
107
+ };
133
108
  };
134
- widget?: undefined;
135
109
  };
136
- config?: undefined;
110
+ elements: ({
111
+ type: string;
112
+ scope: string;
113
+ options: {
114
+ widget: string;
115
+ };
116
+ config: {
117
+ layout: {
118
+ xs: number;
119
+ sm: number;
120
+ md: number;
121
+ lg: number;
122
+ };
123
+ main: {
124
+ label: string;
125
+ };
126
+ };
127
+ } | {
128
+ type: string;
129
+ scope: string;
130
+ options: {
131
+ widget: string;
132
+ };
133
+ config: {
134
+ layout: {
135
+ xs: number;
136
+ sm: number;
137
+ md: number;
138
+ lg: number;
139
+ };
140
+ main?: undefined;
141
+ };
142
+ })[];
137
143
  })[];
138
144
  };
139
145
  export declare const APISectionSchema: {
package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts CHANGED
@@ -46,14 +46,7 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
46
46
  config: {
47
47
  layout: any;
48
48
  style: {
49
- containerStyle: {
50
- borderRadius: string;
51
- };
52
- headerContainerStyle: {};
53
- textAreaStyle: {
54
- borderRadius: string;
55
- padding: string;
56
- };
49
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {};
57
50
  };
58
51
  main: {
59
52
  heading: string;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts CHANGED
@@ -3,46 +3,60 @@ export declare const refreshSectionUiSchema: {
3
3
  elements: {
4
4
  type: string;
5
5
  scope: string;
6
- layout: number;
7
6
  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: {
41
- label?: undefined;
42
- };
43
- };
44
- })[];
7
+ widget: string;
8
+ };
9
+ config: {
10
+ layout: number;
11
+ main: {
12
+ label: string;
13
+ childElementLabel: string;
14
+ };
15
+ style: {
16
+ marginLeft: string;
17
+ marginBottom: string;
18
+ labelStyle: {
19
+ marginLeft: string;
20
+ };
21
+ detailsStyle: {
22
+ marginLeft: string;
23
+ };
45
24
  };
46
25
  };
26
+ elements: ({
27
+ type: string;
28
+ scope: string;
29
+ options: {
30
+ widget: string;
31
+ };
32
+ config: {
33
+ layout: {
34
+ xs: number;
35
+ sm: number;
36
+ md: number;
37
+ lg: number;
38
+ };
39
+ main: {
40
+ label: string;
41
+ };
42
+ };
43
+ } | {
44
+ type: string;
45
+ scope: string;
46
+ options: {
47
+ widget: string;
48
+ };
49
+ config: {
50
+ layout: {
51
+ xs: number;
52
+ sm: number;
53
+ md: number;
54
+ lg: number;
55
+ };
56
+ main: {
57
+ label?: undefined;
58
+ };
59
+ };
60
+ })[];
47
61
  }[];
48
62
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.19",
3
+ "version": "0.0.101-alpha.20",
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
  ],
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -189,18 +189,7 @@ export const getTextArea = (scope: string, heading: string, hideButton: boolean,
189
189
  config: {
190
190
  layout: layout || 12,
191
191
  style: {
192
- containerStyle: {
193
- borderRadius: "20px",
194
- },
195
- headerContainerStyle: {
196
-
197
- },
198
- textAreaStyle: {
199
- borderRadius: "20px",
200
- padding: "20px"
201
- // background:"black",
202
- // color:"white"
203
- }
192
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {},
204
193
  },
205
194
  main: {
206
195
  heading: heading,
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -6,56 +6,56 @@ export const refreshSectionUiSchema = {
6
6
  {
7
7
  type: "Control",
8
8
  scope: "#/properties/refreshElements",
9
- layout: 11.5,
10
9
  options: {
11
- detail: {
12
- type: "HorizontalLayout",
13
- elements: [
14
- {
15
- type: "Control",
16
- scope: "#/properties/value",
17
-
18
- options: {
19
- widget: "InputField",
20
- },
21
- config: {
22
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
23
- main: {
24
- label: "Value",
25
- },
26
- },
27
- },
28
- {
29
- type: "Control",
30
- scope: "#/properties/emptyBox",
10
+ widget: "Array",
11
+ },
12
+ config: {
13
+ layout: 12,
14
+ main: {
15
+ label: "Refresh Elements",
16
+ childElementLabel: "Refresh Elements",
17
+ },
18
+ style: {
19
+ marginLeft: "-24px",
20
+ marginBottom: "24px !important",
21
+ labelStyle: {
22
+ marginLeft: "24px",
23
+ },
24
+ detailsStyle: {
25
+ marginLeft: "24px",
26
+ }
27
+ }
28
+ },
29
+ elements: [
30
+ {
31
+ type: "Control",
32
+ scope: "#/properties/value",
31
33
 
32
- options: {
33
- widget: "EmptyBox",
34
- },
35
- config: {
36
- layout: { xs: 0, sm: 6, md: 4, lg: 4 },
37
- main: {
38
-
39
- },
40
- },
34
+ options: {
35
+ widget: "InputField",
36
+ },
37
+ config: {
38
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
39
+ main: {
40
+ label: "Value",
41
41
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
42
+ },
43
+ },
44
+ {
45
+ type: "Control",
46
+ scope: "#/properties/emptyBox",
45
47
 
46
- options: {
47
- widget: "EmptyBox",
48
- },
49
- config: {
50
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
51
- main: {
52
-
53
- },
54
- },
48
+ options: {
49
+ widget: "EmptyBox",
50
+ },
51
+ config: {
52
+ layout: { xs: 6, sm: 6, md: 8, lg: 8 },
53
+ main: {
54
+
55
55
  },
56
- ],
56
+ },
57
57
  },
58
- },
58
+ ],
59
59
  }
60
60
  ],
61
61
  };
package/src/impaktapps-ui-builder/builder/services/event.ts CHANGED
@@ -37,7 +37,7 @@ export default (
37
37
  },
38
38
 
39
39
  config: {
40
- layout: { xs: 0, sm: 6, md: 0, lg: 0 },
40
+ layout: { xs: 0, sm: 6, md: 0, lg: 3 },
41
41
  main: {},
42
42
  style:{}
43
43
  },
@@ -64,7 +64,7 @@ export default (
64
64
  },
65
65
 
66
66
  config: {
67
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
67
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
68
68
  main: {},
69
69
  style:{}
70
70
  },