impaktapps-ui-builder 1.0.95 → 1.0.97

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.
@@ -60,6 +60,7 @@ export default function Card(theme: any): {
60
60
  height: string;
61
61
  background: string;
62
62
  borderRadius: string;
63
+ paddingRight: number;
63
64
  };
64
65
  layout: number;
65
66
  };
@@ -162,7 +163,11 @@ export default function Card(theme: any): {
162
163
  color: string;
163
164
  fontSize: string;
164
165
  justifyContent: string;
165
- textWrap: string;
166
+ whiteSpace: string;
167
+ overflowX: string;
168
+ overflowY: string;
169
+ scrollbarWidth: string;
170
+ msOverflowStyle: string;
166
171
  background: string;
167
172
  width: string;
168
173
  margin: string;
@@ -170,6 +175,9 @@ export default function Card(theme: any): {
170
175
  xs: string;
171
176
  md: string;
172
177
  };
178
+ "&::-webkit-scrollbar": {
179
+ display: string;
180
+ };
173
181
  };
174
182
  layout: number;
175
183
  wrapperStyle?: undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.95",
3
+ "version": "1.0.97",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -2,47 +2,46 @@ import _ from "lodash";
2
2
  import { createLayoutFormat } from "./buildConfig";
3
3
 
4
4
  const FileInput = {
5
- type: "Control",
6
- scope: "#/properties/docAggrementCopy",
7
- options: {
8
- widget: "FileInputField",
9
- },
10
- config: {
11
- layout: { xs: 12, sm: 6, md: 4, lg: 3 },
12
- main: {
13
- required: false,
14
- onUpload: "onFileUpload",
5
+ type: "Control",
6
+ scope: "#/properties/docAggrementCopy",
7
+ options: {
8
+ widget: "FileInputField",
9
+ },
10
+ config: {
11
+ layout: { xs: 12, sm: 6, md: 4, lg: 3 },
12
+ main: {
13
+ required: false,
14
+ onUpload: "onFileUpload",
15
15
  onDownload:"onFileDownload",
16
16
  label:"Aggrement Copy"
17
- // iconStyleDefault:true,
18
- },
19
- style: {
20
- backgroundColor: "none",
17
+ // iconStyleDefault:true,
18
+ },
19
+ style: {
20
+ backgroundColor: "none",
21
+ },
21
22
  },
22
- },
23
- };
23
+ };
24
24
  export const buildFileInput = (config,componentScope) => {
25
- const box: any = _.cloneDeep(FileInput);
26
- box.scope = componentScope;
27
- box.config.main.label = config.label
25
+ const box: any = _.cloneDeep(FileInput);
26
+ box.scope = componentScope;
27
+ box.config.main.label = config.label
28
28
  if(config.layout){
29
- box.config.layout = createLayoutFormat(config.layout)
30
- }
31
- if (config.style) {
32
- box.config.style = JSON.parse(config.style)
33
- }
34
- if (config.variant) {
35
- box.config.main.variant = config.variant
36
- }
37
- if (config.disableUpload) {
29
+ box.config.layout = createLayoutFormat(config.layout)
30
+ }
31
+ if (config.style) {
32
+ box.config.style = JSON.parse(config.style)
33
+ }
34
+ if (config.variant) {
35
+ box.config.main.variant = config.variant
36
+ }
37
+ if (config.disableUpload) {
38
38
  box.config.main.disableUpload = config.disableUpload === "YES" ? true : false;
39
- }
40
- if (config.disableDownload) {
41
- box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
42
- }
43
- if (config.disableDelete) {
44
- box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
45
- }
46
-
47
- return box;
39
+ }
40
+ if (config.disableDownload) {
41
+ box.config.main.disableDownload = config.disableDownload === "YES" ? true : false;
42
+ }
43
+ if (config.disableDelete) {
44
+ box.config.main.disableDelete = config.disableDelete === "YES" ? true : false;
45
+ }
46
+ return box;
48
47
  }
@@ -35,7 +35,7 @@ export default function Card(theme){
35
35
  {
36
36
  type: "HorizontalLayout",
37
37
  config: {
38
- layout: 8,
38
+ layout: 9,
39
39
  },
40
40
  elements: [
41
41
  {
@@ -56,6 +56,7 @@ export default function Card(theme){
56
56
  height: "inherit",
57
57
  background: "transparent",
58
58
  borderRadius: "0px",
59
+ paddingRight: 0
59
60
  },
60
61
  layout: 12,
61
62
  },
@@ -81,7 +82,8 @@ export default function Card(theme){
81
82
  marginLeft: "-10px",
82
83
  marginTop: "-8px",
83
84
  justifyContent: "start",
84
- position: "relative"
85
+ position: "relative",
86
+
85
87
  },
86
88
  layout: 12,
87
89
  },
@@ -145,15 +147,22 @@ export default function Card(theme){
145
147
  main: {
146
148
  heading: "Total Earnings",
147
149
  },
148
- style: {
150
+ style: {
149
151
  color: "black",
150
152
  fontSize: "16px",
151
153
  justifyContent: "center",
152
- textWrap: "wrap",
154
+ whiteSpace: "nowrap",
155
+ overflowX: "auto",
156
+ overflowY: "hidden",
157
+ scrollbarWidth: "none",
158
+ msOverflowStyle: "none",
153
159
  background: "inherit",
154
- width: "calc(100%+8px)",
160
+ width: "calc(100% + 8px)",
155
161
  margin: "-8px",
156
- marginTop: {xs: "16px", md: "20px"},
162
+ marginTop: { xs: "16px", md: "20px" },
163
+ "&::-webkit-scrollbar": {
164
+ display: "none",
165
+ }
157
166
  },
158
167
  layout: 12,
159
168
  },
@@ -187,7 +196,7 @@ export default function Card(theme){
187
196
  height: "64px",
188
197
  },
189
198
  },
190
- layout: 4,
199
+ layout: 3,
191
200
  },
192
201
  options: {
193
202
  widget: "Image",
@@ -57,7 +57,8 @@ export const ComponentSchema: any = {
57
57
  oneOf: [
58
58
  { title: "Date Column", const: "date" },
59
59
  { title: "DateTime Column", const: "dateTime" },
60
- { title: "Amount Column", const: "amount" }
60
+ { title: "Amount Column", const: "amount" },
61
+ { title: "Center Column", const: "action"}
61
62
  ]
62
63
  },
63
64
  variant: {
@@ -365,7 +366,10 @@ export const ComponentSchema: any = {
365
366
  { "title": "Bin Icon", "const": "Bin" },
366
367
  { "title": "Export Icon", "const": "Export" },
367
368
  { "title": "Table Paste Icon", "const": "TablePaste" },
368
- { "title": "Clone Icon", "const": "CloneIcon" }
369
+ { "title": "Clone Icon", "const": "CloneIcon" },
370
+ { "title": "Detail Icon", "const": "DetailIcon" },
371
+ { "title": "Report View Icon", "const": "ReportViewIcon" },
372
+ { "title": "Payout", "const": "Payout" },
369
373
  ]
370
374
  },
371
375
  color: {