impaktapps-ui-builder 0.0.370 → 0.0.372
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 +11 -104
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +8 -8
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +2 -7
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +2 -7
- package/dist/src/impaktapps-ui-builder/runtime/services/downloadFile.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildStepper.ts +2 -5
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +8 -20
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -30
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -15
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +0 -1
- package/src/impaktapps-ui-builder/builder/services/event.ts +0 -1
- package/src/impaktapps-ui-builder/runtime/services/downloadFile.ts +9 -9
- package/src/impaktapps-ui-builder/runtime/services/service.ts +3 -3
- package/dist/src/impaktapps-ui-builder/builder/build/buildDataGrid.d.ts +0 -1
- package/src/impaktapps-ui-builder/builder/build/buildDataGrid.ts +0 -45
|
@@ -5871,7 +5871,6 @@ const ComponentSchema = {
|
|
|
5871
5871
|
{ title: "Card", const: "card" },
|
|
5872
5872
|
{ title: "CheckBox", const: "CheckBox" },
|
|
5873
5873
|
{ title: "Container", const: "WrapperSection" },
|
|
5874
|
-
{ title: "DataGrid", const: "DataGrid" },
|
|
5875
5874
|
{ title: "Date", const: "Date" },
|
|
5876
5875
|
{ title: "Download File", const: "DownloadFile" },
|
|
5877
5876
|
{ title: "Empty Box", const: "EmptyBox" },
|
|
@@ -6000,20 +5999,6 @@ const ComponentSchema = {
|
|
|
6000
5999
|
}
|
|
6001
6000
|
}
|
|
6002
6001
|
},
|
|
6003
|
-
sizeHolder: {
|
|
6004
|
-
type: "array",
|
|
6005
|
-
items: {
|
|
6006
|
-
type: "object",
|
|
6007
|
-
properties: {
|
|
6008
|
-
keyName: {
|
|
6009
|
-
type: "string"
|
|
6010
|
-
},
|
|
6011
|
-
value: {
|
|
6012
|
-
type: "string"
|
|
6013
|
-
}
|
|
6014
|
-
}
|
|
6015
|
-
}
|
|
6016
|
-
},
|
|
6017
6002
|
legendLabels: {
|
|
6018
6003
|
type: "array",
|
|
6019
6004
|
items: {
|
|
@@ -6705,25 +6690,6 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
|
|
|
6705
6690
|
}
|
|
6706
6691
|
};
|
|
6707
6692
|
};
|
|
6708
|
-
const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
|
|
6709
|
-
sizeHolder.options.detail.elements[1] = {
|
|
6710
|
-
type: "Control",
|
|
6711
|
-
scope: `#/properties/value`,
|
|
6712
|
-
options: {
|
|
6713
|
-
widget: "InputField"
|
|
6714
|
-
},
|
|
6715
|
-
config: {
|
|
6716
|
-
layout: {
|
|
6717
|
-
xs: 11,
|
|
6718
|
-
sm: 11,
|
|
6719
|
-
md: 5.5,
|
|
6720
|
-
lg: 5.5
|
|
6721
|
-
},
|
|
6722
|
-
main: {
|
|
6723
|
-
label: "Size"
|
|
6724
|
-
}
|
|
6725
|
-
}
|
|
6726
|
-
};
|
|
6727
6693
|
const getInputField = (scope, label) => {
|
|
6728
6694
|
return {
|
|
6729
6695
|
type: "Control",
|
|
@@ -6815,19 +6781,13 @@ const GraphSection = {
|
|
|
6815
6781
|
const buildPropertiesSection = function(type) {
|
|
6816
6782
|
let uiSchema = _.cloneDeep(GraphSection);
|
|
6817
6783
|
switch (type) {
|
|
6818
|
-
case "DataGrid":
|
|
6819
|
-
uiSchema.elements = [
|
|
6820
|
-
getRadioInputField("useWrapper", "use Item Wrapper", ["YES", "NO"]),
|
|
6821
|
-
getInputField("elevation", "Item Wrapper Elevation")
|
|
6822
|
-
];
|
|
6823
|
-
break;
|
|
6824
6784
|
case "Stepper":
|
|
6825
6785
|
uiSchema.elements = [
|
|
6826
6786
|
getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
|
|
6827
|
-
getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
|
|
6828
6787
|
getInputField("resetText", "Reset Text"),
|
|
6829
6788
|
getInputField("completeText", "Complete Text"),
|
|
6830
6789
|
getSelectField("orientation", "Orientation Type"),
|
|
6790
|
+
EmptyBox,
|
|
6831
6791
|
getArrayControl("sectionLabels", "label")
|
|
6832
6792
|
];
|
|
6833
6793
|
break;
|
|
@@ -6940,8 +6900,7 @@ const buildPropertiesSection = function(type) {
|
|
|
6940
6900
|
getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
|
|
6941
6901
|
getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
|
|
6942
6902
|
getInputField("selectKey", "Selection Key"),
|
|
6943
|
-
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name")
|
|
6944
|
-
sizeHolder
|
|
6903
|
+
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name")
|
|
6945
6904
|
];
|
|
6946
6905
|
break;
|
|
6947
6906
|
case "Radio":
|
|
@@ -7394,8 +7353,7 @@ const sectionLabels = {
|
|
|
7394
7353
|
Text: ["Core", "Properties", "style", "Event", "Validation"],
|
|
7395
7354
|
TextArea: ["Core", "Properties", "style", "Event", "Validation"],
|
|
7396
7355
|
PopUp: ["Core", "Components", "Properties", "style"],
|
|
7397
|
-
Stepper: ["Core", "Components", "Properties", "Event", "style"]
|
|
7398
|
-
DataGrid: ["Core", "Components", "Properties", "Event", "style"]
|
|
7356
|
+
Stepper: ["Core", "Components", "Properties", "Event", "style"]
|
|
7399
7357
|
};
|
|
7400
7358
|
const refreshPage = (type, store2) => {
|
|
7401
7359
|
var _a;
|
|
@@ -7649,7 +7607,7 @@ const EventSchema = {
|
|
|
7649
7607
|
oneOf: [
|
|
7650
7608
|
{ title: "RankProvider", const: "RankProvider" },
|
|
7651
7609
|
{ title: "Download File", const: "downloadFile" },
|
|
7652
|
-
{ title: "Download
|
|
7610
|
+
{ title: "Download", const: "download" }
|
|
7653
7611
|
]
|
|
7654
7612
|
},
|
|
7655
7613
|
body: {
|
|
@@ -8242,11 +8200,11 @@ const downloadFile$1 = (obj) => {
|
|
|
8242
8200
|
URL.revokeObjectURL(url);
|
|
8243
8201
|
document.body.removeChild(link);
|
|
8244
8202
|
};
|
|
8245
|
-
const
|
|
8203
|
+
const download = (response2) => {
|
|
8246
8204
|
const url = window.URL.createObjectURL(new Blob([response2.data]));
|
|
8247
8205
|
const link = document.createElement("a");
|
|
8248
8206
|
link.href = url;
|
|
8249
|
-
link.setAttribute("download", `${response2.headers.
|
|
8207
|
+
link.setAttribute("download", `${response2.headers.filename}`);
|
|
8250
8208
|
document.body.appendChild(link);
|
|
8251
8209
|
link.click();
|
|
8252
8210
|
link.parentNode.removeChild(link);
|
|
@@ -8519,7 +8477,7 @@ var service = (funcParams) => {
|
|
|
8519
8477
|
dynamicData: funcParams.dynamicData,
|
|
8520
8478
|
userValue: funcParams.userValue,
|
|
8521
8479
|
service: funcParams.service,
|
|
8522
|
-
serviceHolder: { downloadFile: downloadFile$1 },
|
|
8480
|
+
serviceHolder: { downloadFile: downloadFile$1, download },
|
|
8523
8481
|
eventGroups
|
|
8524
8482
|
};
|
|
8525
8483
|
return {
|
|
@@ -8666,7 +8624,7 @@ var service = (funcParams) => {
|
|
|
8666
8624
|
}
|
|
8667
8625
|
},
|
|
8668
8626
|
downloadFile: downloadFile$1,
|
|
8669
|
-
|
|
8627
|
+
download
|
|
8670
8628
|
};
|
|
8671
8629
|
};
|
|
8672
8630
|
var leaderBoard = {
|
|
@@ -9674,7 +9632,7 @@ const buildTable = (config, componentScope) => {
|
|
|
9674
9632
|
table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
|
|
9675
9633
|
}
|
|
9676
9634
|
if (config.ColumnResizingAvailable) {
|
|
9677
|
-
table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ?
|
|
9635
|
+
table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? true : false;
|
|
9678
9636
|
}
|
|
9679
9637
|
if (config.DragAvailable) {
|
|
9680
9638
|
table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
|
|
@@ -10397,14 +10355,11 @@ const buildStepper = (config, componentScope) => {
|
|
|
10397
10355
|
const stepper = _.cloneDeep(Stepper);
|
|
10398
10356
|
stepper.scope = componentScope;
|
|
10399
10357
|
stepper.config.main.resetButton = config.resetButton === "YES" ? true : false;
|
|
10400
|
-
if (config.defaultButtonAvailable) {
|
|
10401
|
-
stepper.config.main.defaultButtonAvailable = config.defaultButtonAvailable === "YES" ? true : false;
|
|
10402
|
-
}
|
|
10403
10358
|
stepper.config.main.resetText = config.resetText || "ResetData";
|
|
10404
10359
|
stepper.config.main.completeText = config.completeText || "Complete Text";
|
|
10405
10360
|
stepper.config.main.orientation = config.orientation || "horizontal";
|
|
10406
10361
|
if (config.sectionLabels) {
|
|
10407
|
-
stepper.config.main.
|
|
10362
|
+
stepper.config.main.label = config.sectionLabels.map((e, i) => {
|
|
10408
10363
|
return { label: e.label, id: i };
|
|
10409
10364
|
});
|
|
10410
10365
|
}
|
|
@@ -10455,43 +10410,6 @@ const buildPopUp = (config, componentScope) => {
|
|
|
10455
10410
|
}
|
|
10456
10411
|
return popup;
|
|
10457
10412
|
};
|
|
10458
|
-
const dataGrid = {
|
|
10459
|
-
"type": "Control",
|
|
10460
|
-
"scope": "#/properties/dataGrid",
|
|
10461
|
-
"layout": 12,
|
|
10462
|
-
"options": {
|
|
10463
|
-
"widget": "DataGrid"
|
|
10464
|
-
},
|
|
10465
|
-
elements: [],
|
|
10466
|
-
"config": {
|
|
10467
|
-
"main": {
|
|
10468
|
-
elevation: 0,
|
|
10469
|
-
useWrapper: false
|
|
10470
|
-
},
|
|
10471
|
-
style: {}
|
|
10472
|
-
}
|
|
10473
|
-
};
|
|
10474
|
-
const buildDataGrid = (config, componentScope) => {
|
|
10475
|
-
const DataGrid = _.cloneDeep(dataGrid);
|
|
10476
|
-
DataGrid.scope = componentScope;
|
|
10477
|
-
DataGrid.config.main.useWrapper = config.useWrapper === "NO" ? false : true;
|
|
10478
|
-
if (config.elevation) {
|
|
10479
|
-
DataGrid.config.main.elevation = +config.elevation;
|
|
10480
|
-
}
|
|
10481
|
-
if (config.height) {
|
|
10482
|
-
DataGrid.config.main.height = `${config.height}px`;
|
|
10483
|
-
}
|
|
10484
|
-
if (config.label) {
|
|
10485
|
-
DataGrid.config.main.label = config.label;
|
|
10486
|
-
}
|
|
10487
|
-
if (config.layout) {
|
|
10488
|
-
DataGrid.config.layout = createLayoutFormat(config.layout);
|
|
10489
|
-
}
|
|
10490
|
-
if (config.style) {
|
|
10491
|
-
DataGrid.config.style = JSON.parse(config.style);
|
|
10492
|
-
}
|
|
10493
|
-
return DataGrid;
|
|
10494
|
-
};
|
|
10495
10413
|
let schema = {
|
|
10496
10414
|
type: "object",
|
|
10497
10415
|
properties: {},
|
|
@@ -10610,9 +10528,6 @@ const buildUiSchema = (config) => {
|
|
|
10610
10528
|
let elements = {};
|
|
10611
10529
|
const componentScope = `#/properties/${config.name}`;
|
|
10612
10530
|
switch (config.type) {
|
|
10613
|
-
case "DataGrid":
|
|
10614
|
-
elements = buildDataGrid(config, componentScope);
|
|
10615
|
-
break;
|
|
10616
10531
|
case "Stepper":
|
|
10617
10532
|
elements = buildStepper(config, componentScope);
|
|
10618
10533
|
break;
|
|
@@ -10738,25 +10653,17 @@ const buildUiSchema = (config) => {
|
|
|
10738
10653
|
if ((config == null ? void 0 : config.type) === "LeaderBoard") {
|
|
10739
10654
|
return elements;
|
|
10740
10655
|
} else if (config.type == "Table") {
|
|
10741
|
-
const sizeMap = {};
|
|
10742
|
-
if (config.sizeHolder) {
|
|
10743
|
-
config.sizeHolder.map((e, i) => {
|
|
10744
|
-
sizeMap[e.keyName] = e.value;
|
|
10745
|
-
});
|
|
10746
|
-
}
|
|
10747
10656
|
elements.elements = config.elements.map((e, elemInd) => {
|
|
10748
10657
|
if (e.type) {
|
|
10749
10658
|
return {
|
|
10750
10659
|
accessorKey: e.name,
|
|
10751
10660
|
header: e.label || e.name,
|
|
10752
|
-
size: sizeMap[e.name] || 180,
|
|
10753
10661
|
widget: buildUiSchema(e)
|
|
10754
10662
|
};
|
|
10755
10663
|
}
|
|
10756
10664
|
return {
|
|
10757
10665
|
accessorKey: e.name,
|
|
10758
|
-
header: e.label || e.name
|
|
10759
|
-
size: sizeMap[e.name] || 180
|
|
10666
|
+
header: e.label || e.name
|
|
10760
10667
|
};
|
|
10761
10668
|
});
|
|
10762
10669
|
} else if (config.type == "Array") {
|