impaktapps-ui-builder 0.0.101-alpha.223 → 0.0.101-alpha.225
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.
- package/dist/impaktapps-ui-builder.es.js +9 -52
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +7 -7
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +3 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +10 -17
- package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +4 -4
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -2
- package/dist/src/impaktapps-ui-builder/builder/build/buildPdfViewer.d.ts +0 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.d.ts +0 -19
- package/src/impaktapps-ui-builder/builder/build/buildPdfViewer.ts +0 -22
- package/src/impaktapps-ui-builder/builder/build/uischema/pdfViewer.ts +0 -18
|
@@ -79,6 +79,8 @@ export default function Card(theme: any): {
|
|
|
79
79
|
height: string;
|
|
80
80
|
background: string;
|
|
81
81
|
borderRadius: string;
|
|
82
|
+
marginLeft: string;
|
|
83
|
+
marginTop: string;
|
|
82
84
|
justifyContent: string;
|
|
83
85
|
position: string;
|
|
84
86
|
};
|
|
@@ -130,9 +132,9 @@ export default function Card(theme: any): {
|
|
|
130
132
|
background: string;
|
|
131
133
|
justifyContent: string;
|
|
132
134
|
width: string;
|
|
135
|
+
margin: string;
|
|
133
136
|
position: string;
|
|
134
137
|
left: string;
|
|
135
|
-
margin?: undefined;
|
|
136
138
|
height?: undefined;
|
|
137
139
|
};
|
|
138
140
|
};
|
package/package.json
CHANGED
|
@@ -40,7 +40,6 @@ import { buildDataGrid } from "./buildDataGrid";
|
|
|
40
40
|
import { buildInputSlider } from "./buildInputSlider";
|
|
41
41
|
import { buildTreeMap } from "./buildTreeMap";
|
|
42
42
|
import { buildThoughtOfTheDay } from "./buildThoughtOfTheDay";
|
|
43
|
-
import { buildPdfViewer } from "./buildPdfViewer";
|
|
44
43
|
export let schema = {
|
|
45
44
|
type: "object",
|
|
46
45
|
properties: {},
|
|
@@ -308,8 +307,6 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
308
307
|
case "Thought":
|
|
309
308
|
elements = buildThoughtOfTheDay(config, componentScope);
|
|
310
309
|
break;
|
|
311
|
-
case "PdfViewer":
|
|
312
|
-
elements = buildPdfViewer(config);
|
|
313
310
|
break;
|
|
314
311
|
default:
|
|
315
312
|
schema = {
|
|
@@ -340,44 +337,40 @@ const buildUiSchema = (config: any, store?: any) => {
|
|
|
340
337
|
elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : []
|
|
341
338
|
}
|
|
342
339
|
})
|
|
343
|
-
}
|
|
344
|
-
else if (config.type == "Table") {
|
|
340
|
+
} else if (config.type == "Table") {
|
|
345
341
|
const sizeMap = {}
|
|
346
|
-
|
|
342
|
+
|
|
347
343
|
if (config.sizeHolder) {
|
|
348
344
|
config.sizeHolder.map((e, i) => {
|
|
349
345
|
sizeMap[e.keyName] = e.value
|
|
350
346
|
});
|
|
351
347
|
}
|
|
352
|
-
|
|
353
|
-
config.enableColumnFilter.map((e) => {
|
|
354
|
-
filterMap[e.keyName] = true
|
|
355
|
-
})
|
|
356
|
-
}
|
|
348
|
+
|
|
357
349
|
elements.elements = config.elements.map((cellElem, elemInd) => {
|
|
358
350
|
const commonProperties = {
|
|
359
351
|
accessorKey: cellElem.name,
|
|
360
352
|
type: cellElem.columnFormat,
|
|
361
353
|
header: cellElem.label || cellElem.name,
|
|
362
354
|
size: sizeMap[cellElem.name] || 180,
|
|
363
|
-
enableColumnFilter:
|
|
364
|
-
columnFilterModeOptions:
|
|
365
|
-
enableSorting:
|
|
366
|
-
columnKey:
|
|
355
|
+
enableColumnFilter: cellElem.enableFilter === "No"?false:true,
|
|
356
|
+
columnFilterModeOptions: cellElem.filteringOptions,
|
|
357
|
+
enableSorting: cellElem.enableSorting === "No" ? false : true,
|
|
358
|
+
columnKey: cellElem.columnKey
|
|
367
359
|
}
|
|
368
360
|
if (cellElem.type) {
|
|
369
361
|
return {
|
|
370
362
|
widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store) : undefined,
|
|
371
363
|
elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store)) : [],
|
|
372
364
|
...commonProperties
|
|
373
|
-
|
|
365
|
+
|
|
374
366
|
}
|
|
375
367
|
} else {
|
|
376
368
|
return commonProperties
|
|
377
369
|
}
|
|
378
|
-
|
|
370
|
+
|
|
379
371
|
})
|
|
380
372
|
}
|
|
373
|
+
|
|
381
374
|
else if (config.type == "Array") {
|
|
382
375
|
elements.options.detail.elements = config.elements.map((e: any, elemInd: number) => {
|
|
383
376
|
return buildUiSchema(e, store)
|
|
@@ -75,8 +75,8 @@ export default function Card(theme){
|
|
|
75
75
|
height: "0",
|
|
76
76
|
background: "transparent",
|
|
77
77
|
borderRadius: "0px",
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
marginLeft: "-10px",
|
|
79
|
+
marginTop: "-8px",
|
|
80
80
|
justifyContent: "start",
|
|
81
81
|
position: "relative"
|
|
82
82
|
},
|
|
@@ -122,7 +122,7 @@ export default function Card(theme){
|
|
|
122
122
|
background: "inherit",
|
|
123
123
|
justifyContent: "flex-start",
|
|
124
124
|
width: "auto",
|
|
125
|
-
|
|
125
|
+
margin: "-8px",
|
|
126
126
|
position: "absolute",
|
|
127
127
|
left: "8px"
|
|
128
128
|
},
|
|
@@ -148,7 +148,7 @@ export default function Card(theme){
|
|
|
148
148
|
textWrap: "wrap",
|
|
149
149
|
background: "inherit",
|
|
150
150
|
width: "calc(100%+8px)",
|
|
151
|
-
margin: "-
|
|
151
|
+
margin: "-8px",
|
|
152
152
|
marginTop: {xs: "0px", md: "12px"},
|
|
153
153
|
lineHeight: "1",
|
|
154
154
|
},
|
|
@@ -40,8 +40,7 @@ export const ComponentSchema: any = {
|
|
|
40
40
|
{ title: "Upload", const: "UploadFile" },
|
|
41
41
|
{ title: "Tree ", const: "TreeMap" },
|
|
42
42
|
{ title: "Column Group", const: "ColumnGroup" },
|
|
43
|
-
{ title: "Thought of the day", const: "Thought" }
|
|
44
|
-
{ title: "PDF", const: "PdfViewer"}
|
|
43
|
+
{ title: "Thought of the day", const: "Thought" }
|
|
45
44
|
]
|
|
46
45
|
},
|
|
47
46
|
columnFormat: {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const buildPdfViewer: (config: any) => any;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
type: string;
|
|
3
|
-
scope: string;
|
|
4
|
-
options: {
|
|
5
|
-
widget: string;
|
|
6
|
-
};
|
|
7
|
-
config: {
|
|
8
|
-
layout: {
|
|
9
|
-
xs: number;
|
|
10
|
-
sm: number;
|
|
11
|
-
md: number;
|
|
12
|
-
lg: number;
|
|
13
|
-
};
|
|
14
|
-
main: {
|
|
15
|
-
title: string;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
export default _default;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import pdfViewer from "./uischema/pdfViewer";
|
|
2
|
-
import buildUiSchema from "./buildUiSchema";
|
|
3
|
-
import _ from "lodash";
|
|
4
|
-
import { createLayoutFormat } from "./buildConfig";
|
|
5
|
-
|
|
6
|
-
export const buildPdfViewer = (config) => {
|
|
7
|
-
const PdfViewer: any = _.cloneDeep(pdfViewer)
|
|
8
|
-
PdfViewer.config.main.label = config.label
|
|
9
|
-
if (config.name) {
|
|
10
|
-
PdfViewer.scope=`#/properties/${config.name}`
|
|
11
|
-
}
|
|
12
|
-
if (config.layout) {
|
|
13
|
-
PdfViewer.config.layout = createLayoutFormat(config.layout);
|
|
14
|
-
}
|
|
15
|
-
if(config.label) {
|
|
16
|
-
PdfViewer.config.main.title = config.label
|
|
17
|
-
}
|
|
18
|
-
if (config.style) {
|
|
19
|
-
PdfViewer.config.style = JSON.parse(config.style)
|
|
20
|
-
}
|
|
21
|
-
return PdfViewer
|
|
22
|
-
}
|