impaktapps-ui-builder 0.0.101-alpha.72 → 0.0.101-alpha.74
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 +41 -15
- 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/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +18 -4
- package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
|
@@ -7720,7 +7720,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7720
7720
|
case "Text":
|
|
7721
7721
|
uiSchema.elements = [
|
|
7722
7722
|
getInputField("placeholder", "Placeholder"),
|
|
7723
|
-
|
|
7723
|
+
getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
|
|
7724
7724
|
emptyBox$1("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
|
|
7725
7725
|
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
|
|
7726
7726
|
];
|
|
@@ -8457,7 +8457,7 @@ function refreshPage(type, store2) {
|
|
|
8457
8457
|
}
|
|
8458
8458
|
}
|
|
8459
8459
|
};
|
|
8460
|
-
UiSchema.elements[0].elements[0].elements[
|
|
8460
|
+
UiSchema.elements[0].elements[0].elements[6] = {
|
|
8461
8461
|
type: "Control",
|
|
8462
8462
|
scope: "#/properties/filteringOptions",
|
|
8463
8463
|
options: {
|
|
@@ -8471,7 +8471,7 @@ function refreshPage(type, store2) {
|
|
|
8471
8471
|
}
|
|
8472
8472
|
}
|
|
8473
8473
|
};
|
|
8474
|
-
UiSchema.elements[0].elements[0].elements[
|
|
8474
|
+
UiSchema.elements[0].elements[0].elements[5] = {
|
|
8475
8475
|
type: "Control",
|
|
8476
8476
|
scope: "#/properties/enableFilter",
|
|
8477
8477
|
options: {
|
|
@@ -8481,15 +8481,27 @@ function refreshPage(type, store2) {
|
|
|
8481
8481
|
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
8482
8482
|
main: {
|
|
8483
8483
|
label: "Enable Filter",
|
|
8484
|
-
options: ["Yes", "No"]
|
|
8485
|
-
errorMessage: "Active is not marked YES or NO"
|
|
8484
|
+
options: ["Yes", "No"]
|
|
8486
8485
|
}
|
|
8487
8486
|
}
|
|
8488
8487
|
}, UiSchema.elements[0].elements[0].elements[7] = {
|
|
8488
|
+
type: "Control",
|
|
8489
|
+
scope: "#/properties/enableSorting",
|
|
8490
|
+
options: {
|
|
8491
|
+
widget: "RadioInputField"
|
|
8492
|
+
},
|
|
8493
|
+
config: {
|
|
8494
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
8495
|
+
main: {
|
|
8496
|
+
label: "Enable Sorting",
|
|
8497
|
+
options: ["Yes", "No"]
|
|
8498
|
+
}
|
|
8499
|
+
}
|
|
8500
|
+
}, UiSchema.elements[0].elements[0].elements[8] = {
|
|
8489
8501
|
type: "Control",
|
|
8490
8502
|
scope: "#/properties/proc",
|
|
8491
8503
|
config: {
|
|
8492
|
-
layout: { xs:
|
|
8504
|
+
layout: { xs: 6, sm: 6, md: 8, lg: 3 }
|
|
8493
8505
|
},
|
|
8494
8506
|
options: {
|
|
8495
8507
|
widget: "EmptyBox"
|
|
@@ -10011,16 +10023,17 @@ function executeCustomHandler(params) {
|
|
|
10011
10023
|
}
|
|
10012
10024
|
}
|
|
10013
10025
|
function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
|
|
10026
|
+
var _a, _b, _c;
|
|
10014
10027
|
if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
10015
10028
|
if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
10016
10029
|
store2.setSchema((pre) => {
|
|
10017
|
-
var
|
|
10030
|
+
var _a2;
|
|
10018
10031
|
return {
|
|
10019
10032
|
...pre,
|
|
10020
10033
|
properties: {
|
|
10021
10034
|
...pre.properties,
|
|
10022
10035
|
[componentName]: {
|
|
10023
|
-
...(
|
|
10036
|
+
...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
|
|
10024
10037
|
oneOf: handlerResponse.data
|
|
10025
10038
|
}
|
|
10026
10039
|
}
|
|
@@ -10030,13 +10043,13 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
|
|
|
10030
10043
|
} else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
10031
10044
|
if (!_.isEmpty(handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
10032
10045
|
store2.setSchema((pre) => {
|
|
10033
|
-
var
|
|
10046
|
+
var _a2;
|
|
10034
10047
|
return {
|
|
10035
10048
|
...pre,
|
|
10036
10049
|
properties: {
|
|
10037
10050
|
...pre.properties,
|
|
10038
10051
|
[componentName]: {
|
|
10039
|
-
...(
|
|
10052
|
+
...(_a2 = pre.properties) == null ? void 0 : _a2[componentName],
|
|
10040
10053
|
type: "array",
|
|
10041
10054
|
items: {
|
|
10042
10055
|
oneOf: handlerResponse == null ? void 0 : handlerResponse.data
|
|
@@ -10056,6 +10069,14 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
|
|
|
10056
10069
|
return { ...pre, ...handlerResponse == null ? void 0 : handlerResponse.data };
|
|
10057
10070
|
});
|
|
10058
10071
|
}
|
|
10072
|
+
} else if (eventConfig.type === "Table" && eventConfig.lazyLoading) {
|
|
10073
|
+
if (handlerResponse && (handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
10074
|
+
formDataHolder[componentName] = (_a = handlerResponse.data) == null ? void 0 : _a.data;
|
|
10075
|
+
formDataHolder[`${componentName}_RowCount`] = (_c = (_b = handlerResponse.data) == null ? void 0 : _b.meta) == null ? void 0 : _c.totalRowCount;
|
|
10076
|
+
store2.setFormdata((pre) => {
|
|
10077
|
+
return { ...pre, ...formDataHolder };
|
|
10078
|
+
});
|
|
10079
|
+
}
|
|
10059
10080
|
} else {
|
|
10060
10081
|
if (handlerResponse) {
|
|
10061
10082
|
formDataHolder[componentName] = handlerResponse.data;
|
|
@@ -10361,7 +10382,7 @@ var service = (funcParams) => {
|
|
|
10361
10382
|
service: funcParams.service,
|
|
10362
10383
|
serviceHolder: this,
|
|
10363
10384
|
eventGroups,
|
|
10364
|
-
formDataHolder
|
|
10385
|
+
formDataHolder: {}
|
|
10365
10386
|
});
|
|
10366
10387
|
funcParams.store.setSchema(
|
|
10367
10388
|
(pre) => {
|
|
@@ -10376,11 +10397,11 @@ var service = (funcParams) => {
|
|
|
10376
10397
|
funcParams.store.setUiSchema(uiSchema);
|
|
10377
10398
|
},
|
|
10378
10399
|
onCellRenderer: (cellParams) => {
|
|
10379
|
-
var _a, _b, _c;
|
|
10400
|
+
var _a, _b, _c, _d;
|
|
10380
10401
|
if (eventGroups.onCellRenderer) {
|
|
10381
10402
|
let finalResponse = {};
|
|
10382
10403
|
const path = ((_a = funcParams.dynamicData) == null ? void 0 : _a.tableButtonPath) || ((_c = (_b = funcParams == null ? void 0 : funcParams.dynamicData) == null ? void 0 : _b.path) == null ? void 0 : _c.split(".")[0]);
|
|
10383
|
-
for (const eventConfig of eventGroups == null ? void 0 : eventGroups.onCellRenderer[path]) {
|
|
10404
|
+
for (const eventConfig of (_d = eventGroups == null ? void 0 : eventGroups.onCellRenderer) == null ? void 0 : _d[path]) {
|
|
10384
10405
|
executeEventsParameters.store.functionParameters = cellParams;
|
|
10385
10406
|
finalResponse = executeEvents({
|
|
10386
10407
|
...executeEventsParameters,
|
|
@@ -10984,6 +11005,9 @@ const buildTextField = (config2, componentScope2) => {
|
|
|
10984
11005
|
if (config2.style) {
|
|
10985
11006
|
inputField.config.style = JSON.parse(config2.style);
|
|
10986
11007
|
}
|
|
11008
|
+
if (config2.multiline) {
|
|
11009
|
+
inputField.config.main.multiline = config2.multiline === "YES" ? true : false;
|
|
11010
|
+
}
|
|
10987
11011
|
if (config2.InputFormatingAndMasking) {
|
|
10988
11012
|
inputField.config.main.formatStrArray = config2.InputFormatingAndMasking.map((e) => e.formatElement);
|
|
10989
11013
|
}
|
|
@@ -12524,7 +12548,8 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12524
12548
|
widget: cellElem.type != "ColumnGroup" ? buildUiSchema(cellElem, store2) : void 0,
|
|
12525
12549
|
elements: cellElem.type == "ColumnGroup" ? cellElem.elements.map((childCellElem) => buildUiSchema(childCellElem, store2)) : [],
|
|
12526
12550
|
columnFilterModeOptions: cellElem.filteringOptions,
|
|
12527
|
-
enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false
|
|
12551
|
+
enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false,
|
|
12552
|
+
enableSorting: cellElem.enableSorting === "Yes" ? true : false
|
|
12528
12553
|
};
|
|
12529
12554
|
} else {
|
|
12530
12555
|
return {
|
|
@@ -12533,7 +12558,8 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12533
12558
|
header: cellElem.label || cellElem.name,
|
|
12534
12559
|
size: sizeMap[cellElem.name] || 180,
|
|
12535
12560
|
columnFilterModeOptions: cellElem.filteringOptions,
|
|
12536
|
-
enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false
|
|
12561
|
+
enableColumnFilter: cellElem.enableFilter === "Yes" ? true : false,
|
|
12562
|
+
enableSorting: cellElem.enableSorting === "Yes" ? true : false
|
|
12537
12563
|
};
|
|
12538
12564
|
}
|
|
12539
12565
|
});
|