impaktapps-ui-builder 1.0.147-test.8 → 1.0.148

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 +877 -822
  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 +199 -149
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/buildCard.ts +13 -14
  8. package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +1 -3
  9. package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +0 -3
  10. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -2
  11. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +186 -130
  12. package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx +0 -219
package/src/impaktapps-ui-builder/builder/build/uischema/card.ts CHANGED
@@ -1,160 +1,216 @@
1
1
  export default function Card(theme){
2
- const uiSchema =
3
- {
2
+ const uiSchema = {
4
3
  type: "WrapperLayout",
5
4
  config: {
6
5
  main: {},
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
- // },
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",
34
29
  },
35
30
  },
36
31
  },
37
-
38
- layout: { xs: 12, sm: 12, md: 6, lg: 3 },
32
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
39
33
  },
40
34
  elements: [
41
35
  {
42
- type: "Control",
43
- scope: "#/properties/programType",
36
+ type: "HorizontalLayout",
44
37
  config: {
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",
56
- },
57
- imageStyle: {
58
- width: "48px",
59
- height: "48px",
60
- padding: "0px",
61
- margin: "0px",
62
- },
63
- },
64
- },
65
- options: {
66
- widget: "Image",
38
+ layout: 9,
67
39
  },
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",
85
-
86
- maxWidth: "160px",
87
- whiteSpace: "nowrap",
88
- overflowX: "auto",
89
- scrollbarWidth: "none",
90
- "&::-webkit-scrollbar": {
91
- display: "none",
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,
92
62
  },
93
- },
94
- },
95
- options: {
96
- widget: "Box",
97
- },
98
- },
99
- {
100
- type: "Control",
101
- scope: "#/properties/programType",
102
- config: {
103
- main: {
104
- heading: "5000.00",
105
- },
106
- style: {
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",
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: "21px", md: "22px" },
127
+ fontWeight: "500",
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
+ fontWeight: "400",
164
+ justifyContent: "center",
165
+ whiteSpace: "nowrap",
166
+ overflowX: "auto",
167
+ overflowY: "hidden",
168
+ scrollbarWidth: "none",
169
+ msOverflowStyle: "none",
170
+ background: "inherit",
171
+ width: "calc(100% + 8px)",
172
+ margin: "-8px",
173
+ marginTop: { xs: "16px", md: "20px" },
174
+ "&::-webkit-scrollbar": {
175
+ display: "none",
176
+ }
177
+ },
178
+ layout: 12,
179
+ },
117
180
 
118
- maxWidth: "200px",
119
- whiteSpace: "nowrap",
120
- overflowX: "auto",
121
- scrollbarWidth: "none",
122
- "&::-webkit-scrollbar": {
123
- display: "none",
124
- },
181
+ options: {
182
+ widget: "Box",
183
+ },
184
+ },
185
+ ],
125
186
  },
126
- },
127
- options: {
128
- widget: "Box",
129
- },
187
+ ],
130
188
  },
131
189
  {
132
190
  type: "Control",
133
191
  scope: "#/properties/programType",
134
192
  config: {
135
193
  main: {
136
- heading: "Increased from last month",
194
+ url: "https://www.svgrepo.com/show/500606/loading.svg",
137
195
  },
138
196
  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",
197
+ containerStyle: {
198
+ height: "100%",
199
+ display: "flex",
200
+ justifyContent: "end",
201
+ },
202
+ imageStyle: {
203
+ width: "unset",
204
+ fontSize: "none",
205
+ padding: "4px",
206
+ margin: "0px 0px 0px 8px",
207
+ height: "64px",
153
208
  },
154
209
  },
210
+ layout: 3,
155
211
  },
156
212
  options: {
157
- widget: "Box",
213
+ widget: "Image",
158
214
  },
159
215
  },
160
216
  ],
package/src/impaktapps-ui-builder/builder/build/uischema/cardOld.tsx DELETED
@@ -1,219 +0,0 @@
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
- }