impaktapps-ui-builder 0.0.101-alpha.260 → 0.0.101-alpha.261
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 +30 -6
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +6 -6
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +23 -8
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +8 -0
- package/src/impaktapps-ui-builder/builder/services/component.ts +10 -7
|
@@ -6290,6 +6290,13 @@ const ComponentSchema = {
|
|
|
6290
6290
|
{ title: "Thought of the day", const: "Thought" }
|
|
6291
6291
|
]
|
|
6292
6292
|
},
|
|
6293
|
+
elementType: {
|
|
6294
|
+
oneOf: [
|
|
6295
|
+
{ title: "Table Action Element", const: "action" },
|
|
6296
|
+
{ title: "Table Header Element", const: "tableHeader" },
|
|
6297
|
+
{ title: "Table Element", const: "element" }
|
|
6298
|
+
]
|
|
6299
|
+
},
|
|
6293
6300
|
columnFormat: {
|
|
6294
6301
|
oneOf: [
|
|
6295
6302
|
{ title: "Date Column", const: "date" },
|
|
@@ -8532,12 +8539,15 @@ function refreshPage(type, store2) {
|
|
|
8532
8539
|
}
|
|
8533
8540
|
}, UiSchema.elements[0].elements[0].elements[9] = {
|
|
8534
8541
|
type: "Control",
|
|
8535
|
-
scope: "#/properties/
|
|
8536
|
-
config: {
|
|
8537
|
-
layout: { xs: 0, sm: 0, md: 4, lg: 0 }
|
|
8538
|
-
},
|
|
8542
|
+
scope: "#/properties/elementType",
|
|
8539
8543
|
options: {
|
|
8540
|
-
widget: "
|
|
8544
|
+
widget: "SelectInputField"
|
|
8545
|
+
},
|
|
8546
|
+
config: {
|
|
8547
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
8548
|
+
main: {
|
|
8549
|
+
label: "Element Type"
|
|
8550
|
+
}
|
|
8541
8551
|
}
|
|
8542
8552
|
};
|
|
8543
8553
|
}
|
|
@@ -12588,7 +12598,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12588
12598
|
sizeMap[e.keyName] = e.value;
|
|
12589
12599
|
});
|
|
12590
12600
|
}
|
|
12591
|
-
|
|
12601
|
+
const tableHeaderElements = [];
|
|
12602
|
+
const tableActionElement = [];
|
|
12603
|
+
elements.elements = config2.elements.filter((cellElem, elemInd) => {
|
|
12592
12604
|
const commonProperties = {
|
|
12593
12605
|
accessorKey: cellElem.name,
|
|
12594
12606
|
type: cellElem.columnFormat,
|
|
@@ -12600,6 +12612,16 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12600
12612
|
columnKey: cellElem.columnKey
|
|
12601
12613
|
};
|
|
12602
12614
|
if (cellElem.type) {
|
|
12615
|
+
if (cellElem.elementType == "action") {
|
|
12616
|
+
const actionElem = buildUiSchema(cellElem, store2);
|
|
12617
|
+
tableActionElement.push(actionElem);
|
|
12618
|
+
return false;
|
|
12619
|
+
}
|
|
12620
|
+
if (cellElem.elementType == "tableHeader") {
|
|
12621
|
+
const headerElem = buildUiSchema(cellElem, store2);
|
|
12622
|
+
tableHeaderElements.push(headerElem);
|
|
12623
|
+
return false;
|
|
12624
|
+
}
|
|
12603
12625
|
return {
|
|
12604
12626
|
widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store2) : void 0,
|
|
12605
12627
|
elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : [],
|
|
@@ -12609,6 +12631,8 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12609
12631
|
return commonProperties;
|
|
12610
12632
|
}
|
|
12611
12633
|
});
|
|
12634
|
+
elements.config.main.action = tableActionElement;
|
|
12635
|
+
elements.config.main.headerIcons = tableHeaderElements;
|
|
12612
12636
|
} else if (config2.type == "Array") {
|
|
12613
12637
|
elements.options.detail.elements = config2.elements.map((e, elemInd) => {
|
|
12614
12638
|
return buildUiSchema(e, store2);
|