impaktapps-ui-builder 1.0.146 → 1.0.147-test.10

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 (13) hide show
  1. package/dist/impaktapps-ui-builder.es.js +823 -881
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +1 -1
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +149 -198
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +14 -13
  8. package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +0 -3
  9. package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +3 -1
  10. package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +3 -0
  11. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -3
  12. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +130 -185
  13. package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx +219 -0
package/src/impaktapps-ui-builder/builder/build/uischema/card.ts CHANGED
@@ -1,215 +1,160 @@
1
1
  export default function Card(theme){
2
- const uiSchema = {
2
+ const uiSchema =
3
+ {
3
4
  type: "WrapperLayout",
4
5
  config: {
5
6
  main: {},
6
- wrapperStyle: {
7
- position: "relative",
8
- top: "50%",
9
- transform: "translateY(-50%)",
10
- marginBottom: 0
11
- },
12
- componentsBoxStyle: {
13
- boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
14
- flexDirection: "row",
15
- flexWrap: "nowrap",
16
- width: "100% !important",
17
- background: "transparent",
18
- border: `1.5px solid ${theme.palette.primary.light}`,
19
- borderRadius: "8px",
20
- padding: "0px 4px",
21
- height: "100%",
22
- alignItems: "center",
23
- marginLeft: "0px",
24
- "&: hover": {
25
- background: `${theme.palette.primary.main}`,
26
- border: `1.5px solid black`,
27
- "& p": {
28
- color: "white",
7
+ style: {
8
+ wrapperStyle: {
9
+ position: "relative",
10
+ top: "50%",
11
+ transform: "translateY(-50%)",
12
+ marginBottom: 0,
13
+ borderRadius: "0px"
14
+ },
15
+ componentsBoxStyle: {
16
+ boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
17
+ flexDirection: "column",
18
+ flexWrap: "nowrap",
19
+ width: "100% !important",
20
+ background: "transparent",
21
+ // border: `1.5px solid ${theme.palette.primary.light}`,
22
+ borderRadius: "8px",
23
+ padding: "20px 20px 20px 14px",
24
+ height: "100%",
25
+ minHeight: "140px",
26
+ position: "relative",
27
+ marginLeft: "0px",
28
+ "&: hover": {
29
+ background: `${theme.palette.primary.main}`,
30
+ // border: `1.5px solid black`,
31
+ // "& p": {
32
+ // color: "white",
33
+ // },
29
34
  },
30
35
  },
31
36
  },
32
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
37
+
38
+ layout: { xs: 12, sm: 12, md: 6, lg: 3 },
33
39
  },
34
40
  elements: [
35
41
  {
36
- type: "HorizontalLayout",
42
+ type: "Control",
43
+ scope: "#/properties/programType",
37
44
  config: {
38
- layout: 9,
39
- },
40
- elements: [
41
- {
42
- type: "WrapperLayout",
43
- config: {
44
- main: {
45
- columnSpacing: 0,
46
- gap: 0,
47
- },
48
- wrapperStyle: {
49
- background: "transparent",
50
- marginBottom: 0
51
- },
52
- componentsBoxStyle: {
53
- flexDirection: "column",
54
- flexWrap: "nowrap",
55
- width: "100%",
56
- height: "inherit",
57
- background: "transparent",
58
- borderRadius: "0px",
59
- paddingRight: 0
60
- },
61
- layout: 12,
45
+ main: {
46
+ url: "https://www.svgrepo.com/show/500606/loading.svg",
47
+ },
48
+ style: {
49
+ containerStyle: {
50
+ position: "absolute",
51
+ top: "12px",
52
+ right: "12px",
53
+ display: "flex",
54
+ justifyContent: "flex-end",
55
+ alignItems: "flex-start",
62
56
  },
63
- elements: [
64
- {
65
- type: "WrapperLayout",
66
- config: {
67
- main: {
68
- columnSpacing: 0,
69
- gap: 0,
70
- },
71
- wrapperStyle: {
72
- background: "transparent",
73
- marginBottom: 0
74
- },
75
- componentsBoxStyle: {
76
- flexDirection: "row",
77
- flexWrap: "nowrap",
78
- width: "100%",
79
- height: "0",
80
- background: "transparent",
81
- borderRadius: "0px",
82
- marginLeft: "-10px",
83
- marginTop: "-8px",
84
- justifyContent: "start",
85
- position: "relative",
86
-
87
- },
88
- layout: 12,
89
- },
90
- elements: [
91
- {
92
- type: "Control",
93
- scope: "#/properties/programType",
94
- config: {
95
- main: {
96
- heading: "",
97
- },
98
- style: {
99
- color: "black",
100
- display: "flex",
101
- fontSize: { xs: "24px", md: "28px" },
102
- fontWeight: "bold",
103
- background: "inherit",
104
- justifyContent: "flex-start",
105
- width: "auto",
106
- margin: "-8px",
107
- marginLeft: "-24px",
108
- height: 0
109
- },
110
- // layout: 1,
111
- },
112
- options: {
113
- widget: "Box",
114
- },
115
- },
116
- {
117
- type: "Control",
118
- scope: "#/properties/programType",
119
- config: {
120
- main: {
121
- heading: "5000.00",
122
- },
123
- style: {
124
- color: "black",
125
- display: "flex",
126
- fontSize: { xs: "24px", md: "25px" },
127
- fontWeight: "bold",
128
- background: "inherit",
129
- justifyContent: "flex-start",
130
- width: "auto",
131
- margin: "-8px",
132
- marginTop: "-6px",
133
- position: "absolute",
134
- left: "7px",
135
- whiteSpace: "nowrap",
136
- overflowX: "auto",
137
- overflowY: "hidden",
138
- scrollbarWidth: "none",
139
- msOverflowStyle: "none",
140
- maxWidth: "calc(100% + 20px)",
141
- "&::-webkit-scrollbar": {
142
- display: "none",
143
- }
144
- },
145
- // layout: 11,
146
- },
147
- options: {
148
- widget: "Box",
149
- },
150
- },
151
- ],
152
- },
153
- {
154
- type: "Control",
155
- scope: "#/properties/programType",
156
- config: {
157
- main: {
158
- heading: "Total Earnings",
159
- },
160
- style: {
161
- color: "black",
162
- fontSize: "16px",
163
- justifyContent: "center",
164
- whiteSpace: "nowrap",
165
- overflowX: "auto",
166
- overflowY: "hidden",
167
- scrollbarWidth: "none",
168
- msOverflowStyle: "none",
169
- background: "inherit",
170
- width: "calc(100% + 8px)",
171
- margin: "-8px",
172
- marginTop: { xs: "16px", md: "20px" },
173
- "&::-webkit-scrollbar": {
174
- display: "none",
175
- }
176
- },
177
- layout: 12,
178
- },
57
+ imageStyle: {
58
+ width: "48px",
59
+ height: "48px",
60
+ padding: "0px",
61
+ margin: "0px",
62
+ },
63
+ },
64
+ },
65
+ options: {
66
+ widget: "Image",
67
+ },
68
+ },
69
+ {
70
+ type: "Control",
71
+ scope: "#/properties/programType",
72
+ config: {
73
+ main: {
74
+ heading: "Total Earnings",
75
+ },
76
+ style: {
77
+ color: "black",
78
+ fontSize: "17px",
79
+ fontWeight: "200",
80
+ justifyContent: "flex-start",
81
+ background: "inherit",
82
+ margin: "0px",
83
+ marginTop: "-8px",
84
+ marginBottom:"12px",
179
85
 
180
- options: {
181
- widget: "Box",
182
- },
183
- },
184
- ],
86
+ maxWidth: "160px",
87
+ whiteSpace: "nowrap",
88
+ overflowX: "auto",
89
+ scrollbarWidth: "none",
90
+ "&::-webkit-scrollbar": {
91
+ display: "none",
92
+ },
185
93
  },
186
- ],
94
+ },
95
+ options: {
96
+ widget: "Box",
97
+ },
187
98
  },
188
99
  {
189
100
  type: "Control",
190
101
  scope: "#/properties/programType",
191
102
  config: {
192
103
  main: {
193
- url: "https://www.svgrepo.com/show/500606/loading.svg",
104
+ heading: "5000.00",
194
105
  },
195
106
  style: {
196
- containerStyle: {
197
- height: "100%",
198
- display: "flex",
199
- justifyContent: "end",
107
+ color: "black",
108
+ display: "flex",
109
+ fontSize: { xs: "22px", md: "30px" },
110
+ fontWeight: "450",
111
+ background: "inherit",
112
+ justifyContent: "flex-start",
113
+ width: "100%",
114
+ margin: "0px",
115
+ marginBottom: "8px",
116
+ lineHeight: "1",
117
+
118
+ maxWidth: "200px",
119
+ whiteSpace: "nowrap",
120
+ overflowX: "auto",
121
+ scrollbarWidth: "none",
122
+ "&::-webkit-scrollbar": {
123
+ display: "none",
200
124
  },
201
- imageStyle: {
202
- width: "unset",
203
- fontSize: "none",
204
- padding: "4px",
205
- margin: "0px 0px 0px 8px",
206
- height: "64px",
125
+ },
126
+ },
127
+ options: {
128
+ widget: "Box",
129
+ },
130
+ },
131
+ {
132
+ type: "Control",
133
+ scope: "#/properties/programType",
134
+ config: {
135
+ main: {
136
+ heading: "Increased from last month",
137
+ },
138
+ style: {
139
+ color: "#767677ff",
140
+ fontSize: "11px",
141
+ fontWeight: "400",
142
+ justifyContent: "flex-start",
143
+ background: "inherit",
144
+ margin: "0px",
145
+ paddingLeft: "2px",
146
+
147
+ maxWidth: "200px",
148
+ whiteSpace: "nowrap",
149
+ overflowX: "auto",
150
+ scrollbarWidth: "none",
151
+ "&::-webkit-scrollbar": {
152
+ display: "none",
207
153
  },
208
154
  },
209
- layout: 3,
210
155
  },
211
156
  options: {
212
- widget: "Image",
157
+ widget: "Box",
213
158
  },
214
159
  },
215
160
  ],
package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx ADDED
@@ -0,0 +1,219 @@
1
+ export default function Cardasd(theme){
2
+ const uiSchema = {
3
+ type: "WrapperLayout",
4
+ config: {
5
+ main: {},
6
+ wrapperStyle: {
7
+ position: "relative",
8
+ top: "50%",
9
+ transform: "translateY(-50%)",
10
+ marginBottom: 0
11
+ },
12
+ componentsBoxStyle: {
13
+ boxShadow: "0px 2px 4px rgba(0, 0, 0, 0.1)",
14
+ flexDirection: "row",
15
+ flexWrap: "nowrap",
16
+ width: "100% !important",
17
+ background: "transparent",
18
+ border: `1.5px solid ${theme.palette.primary.light}`,
19
+ borderRadius: "8px",
20
+ padding: "0px 4px",
21
+ height: "100%",
22
+ alignItems: "center",
23
+ marginLeft: "0px",
24
+ "&: hover": {
25
+ background: `${theme.palette.primary.main}`,
26
+ border: `1.5px solid black`,
27
+ "& p": {
28
+ color: "white",
29
+ },
30
+ },
31
+ },
32
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
33
+ },
34
+ elements: [
35
+ {
36
+ type: "HorizontalLayout",
37
+ config: {
38
+ layout: 9,
39
+ },
40
+ elements: [
41
+ {
42
+ type: "WrapperLayout",
43
+ config: {
44
+ main: {
45
+ columnSpacing: 0,
46
+ gap: 0,
47
+ },
48
+ wrapperStyle: {
49
+ background: "transparent",
50
+ marginBottom: 0
51
+ },
52
+ componentsBoxStyle: {
53
+ flexDirection: "column",
54
+ flexWrap: "nowrap",
55
+ width: "100%",
56
+ height: "inherit",
57
+ background: "transparent",
58
+ borderRadius: "0px",
59
+ paddingRight: 0
60
+ },
61
+ layout: 12,
62
+ },
63
+ elements: [
64
+ {
65
+ type: "WrapperLayout",
66
+ config: {
67
+ main: {
68
+ columnSpacing: 0,
69
+ gap: 0,
70
+ },
71
+ wrapperStyle: {
72
+ background: "transparent",
73
+ marginBottom: 0
74
+ },
75
+ componentsBoxStyle: {
76
+ flexDirection: "row",
77
+ flexWrap: "nowrap",
78
+ width: "100%",
79
+ height: "0",
80
+ background: "transparent",
81
+ borderRadius: "0px",
82
+ marginLeft: "-10px",
83
+ marginTop: "-8px",
84
+ justifyContent: "start",
85
+ position: "relative",
86
+
87
+ },
88
+ layout: 12,
89
+ },
90
+ elements: [
91
+ {
92
+ type: "Control",
93
+ scope: "#/properties/programType",
94
+ config: {
95
+ main: {
96
+ heading: "",
97
+ },
98
+ style: {
99
+ color: "black",
100
+ display: "flex",
101
+ fontSize: { xs: "24px", md: "28px" },
102
+ fontWeight: "bold",
103
+ background: "inherit",
104
+ justifyContent: "flex-start",
105
+ width: "auto",
106
+ margin: "-8px",
107
+ marginLeft: "-24px",
108
+ height: 0
109
+ },
110
+ // layout: 1,
111
+ },
112
+ options: {
113
+ widget: "Box",
114
+ },
115
+ },
116
+ {
117
+ type: "Control",
118
+ scope: "#/properties/programType",
119
+ config: {
120
+ main: {
121
+ heading: "5000.00",
122
+ },
123
+ style: {
124
+ color: "black",
125
+ display: "flex",
126
+ fontSize: { xs: "24px", md: "25px" },
127
+ fontWeight: "bold",
128
+ background: "inherit",
129
+ justifyContent: "flex-start",
130
+ width: "auto",
131
+ margin: "-8px",
132
+ marginTop: "-6px",
133
+ position: "absolute",
134
+ left: "7px",
135
+ whiteSpace: "nowrap",
136
+ overflowX: "auto",
137
+ overflowY: "hidden",
138
+ scrollbarWidth: "none",
139
+ msOverflowStyle: "none",
140
+ maxWidth: "calc(100% + 20px)",
141
+ "&::-webkit-scrollbar": {
142
+ display: "none",
143
+ }
144
+ },
145
+ // layout: 11,
146
+ },
147
+ options: {
148
+ widget: "Box",
149
+ },
150
+ },
151
+ ],
152
+ },
153
+ {
154
+ type: "Control",
155
+ scope: "#/properties/programType",
156
+ config: {
157
+ main: {
158
+ heading: "Total Earnings",
159
+ },
160
+ style: {
161
+ color: "black",
162
+ fontSize: "16px",
163
+ justifyContent: "center",
164
+ whiteSpace: "nowrap",
165
+ overflowX: "auto",
166
+ overflowY: "hidden",
167
+ scrollbarWidth: "none",
168
+ msOverflowStyle: "none",
169
+ background: "inherit",
170
+ width: "calc(100% + 8px)",
171
+ margin: "-8px",
172
+ marginTop: { xs: "16px", md: "20px" },
173
+ "&::-webkit-scrollbar": {
174
+ display: "none",
175
+ }
176
+ },
177
+ layout: 12,
178
+ },
179
+
180
+ options: {
181
+ widget: "Box",
182
+ },
183
+ },
184
+ ],
185
+ },
186
+ ],
187
+ },
188
+ {
189
+ type: "Control",
190
+ scope: "#/properties/programType",
191
+ config: {
192
+ main: {
193
+ url: "https://www.svgrepo.com/show/500606/loading.svg",
194
+ },
195
+ style: {
196
+ containerStyle: {
197
+ height: "100%",
198
+ display: "flex",
199
+ justifyContent: "end",
200
+ },
201
+ imageStyle: {
202
+ width: "unset",
203
+ fontSize: "none",
204
+ padding: "4px",
205
+ margin: "0px 0px 0px 8px",
206
+ height: "64px",
207
+ },
208
+ },
209
+ layout: 3,
210
+ },
211
+ options: {
212
+ widget: "Image",
213
+ },
214
+ },
215
+ ],
216
+ };
217
+
218
+ return uiSchema
219
+ }