impaktapps-ui-builder 0.0.364 → 0.0.366
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 +49 -4
- 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/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildStepper.ts +4 -1
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +16 -8
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +24 -2
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +14 -0
|
@@ -5999,6 +5999,20 @@ const ComponentSchema = {
|
|
|
5999
5999
|
}
|
|
6000
6000
|
}
|
|
6001
6001
|
},
|
|
6002
|
+
sizeHolder: {
|
|
6003
|
+
type: "array",
|
|
6004
|
+
items: {
|
|
6005
|
+
type: "object",
|
|
6006
|
+
properties: {
|
|
6007
|
+
keyName: {
|
|
6008
|
+
type: "string"
|
|
6009
|
+
},
|
|
6010
|
+
value: {
|
|
6011
|
+
type: "string"
|
|
6012
|
+
}
|
|
6013
|
+
}
|
|
6014
|
+
}
|
|
6015
|
+
},
|
|
6002
6016
|
legendLabels: {
|
|
6003
6017
|
type: "array",
|
|
6004
6018
|
items: {
|
|
@@ -6690,6 +6704,25 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
|
|
|
6690
6704
|
}
|
|
6691
6705
|
};
|
|
6692
6706
|
};
|
|
6707
|
+
const sizeHolder = getArrayControl("sizeHolder", "keyName", "Component Name");
|
|
6708
|
+
sizeHolder.options.detail.elements[1] = {
|
|
6709
|
+
type: "Control",
|
|
6710
|
+
scope: `#/properties/value`,
|
|
6711
|
+
options: {
|
|
6712
|
+
widget: "InputField"
|
|
6713
|
+
},
|
|
6714
|
+
config: {
|
|
6715
|
+
layout: {
|
|
6716
|
+
xs: 11,
|
|
6717
|
+
sm: 11,
|
|
6718
|
+
md: 5.5,
|
|
6719
|
+
lg: 5.5
|
|
6720
|
+
},
|
|
6721
|
+
main: {
|
|
6722
|
+
label: "Size"
|
|
6723
|
+
}
|
|
6724
|
+
}
|
|
6725
|
+
};
|
|
6693
6726
|
const getInputField = (scope, label) => {
|
|
6694
6727
|
return {
|
|
6695
6728
|
type: "Control",
|
|
@@ -6784,10 +6817,10 @@ const buildPropertiesSection = function(type) {
|
|
|
6784
6817
|
case "Stepper":
|
|
6785
6818
|
uiSchema.elements = [
|
|
6786
6819
|
getRadioInputField("resetButton", "Reset Button", ["YES", "NO"]),
|
|
6820
|
+
getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
|
|
6787
6821
|
getInputField("resetText", "Reset Text"),
|
|
6788
6822
|
getInputField("completeText", "Complete Text"),
|
|
6789
6823
|
getSelectField("orientation", "Orientation Type"),
|
|
6790
|
-
EmptyBox,
|
|
6791
6824
|
getArrayControl("sectionLabels", "label")
|
|
6792
6825
|
];
|
|
6793
6826
|
break;
|
|
@@ -6900,7 +6933,8 @@ const buildPropertiesSection = function(type) {
|
|
|
6900
6933
|
getRadioInputField("DragAvailable", "Drag Available", ["YES", "NO"]),
|
|
6901
6934
|
getRadioInputField("downloadAllData", "Download All Data", ["YES", "NO"]),
|
|
6902
6935
|
getInputField("selectKey", "Selection Key"),
|
|
6903
|
-
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name")
|
|
6936
|
+
getArrayControl("Table_Download_Keys_Name", "KeyName", "Table Key Name"),
|
|
6937
|
+
sizeHolder
|
|
6904
6938
|
];
|
|
6905
6939
|
break;
|
|
6906
6940
|
case "Radio":
|
|
@@ -9621,7 +9655,7 @@ const buildTable = (config, componentScope) => {
|
|
|
9621
9655
|
table.config.main.Selection = config.SelectionAvailable === "YES" ? true : false;
|
|
9622
9656
|
}
|
|
9623
9657
|
if (config.ColumnResizingAvailable) {
|
|
9624
|
-
table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ?
|
|
9658
|
+
table.config.main.disableColumnResizing = config.ColumnResizingAvailable === "YES" ? false : true;
|
|
9625
9659
|
}
|
|
9626
9660
|
if (config.DragAvailable) {
|
|
9627
9661
|
table.config.main.enableDrag = config.DragAvailable === "YES" ? true : false;
|
|
@@ -10344,6 +10378,9 @@ const buildStepper = (config, componentScope) => {
|
|
|
10344
10378
|
const stepper = _.cloneDeep(Stepper);
|
|
10345
10379
|
stepper.scope = componentScope;
|
|
10346
10380
|
stepper.config.main.resetButton = config.resetButton === "YES" ? true : false;
|
|
10381
|
+
if (config.defaultButtonAvailable) {
|
|
10382
|
+
stepper.config.main.defaultButtonAvailable = config.defaultButtonAvailable === "YES" ? true : false;
|
|
10383
|
+
}
|
|
10347
10384
|
stepper.config.main.resetText = config.resetText || "ResetData";
|
|
10348
10385
|
stepper.config.main.completeText = config.completeText || "Complete Text";
|
|
10349
10386
|
stepper.config.main.orientation = config.orientation || "horizontal";
|
|
@@ -10642,17 +10679,25 @@ const buildUiSchema = (config) => {
|
|
|
10642
10679
|
if ((config == null ? void 0 : config.type) === "LeaderBoard") {
|
|
10643
10680
|
return elements;
|
|
10644
10681
|
} else if (config.type == "Table") {
|
|
10682
|
+
const sizeMap = {};
|
|
10683
|
+
if (config.sizeHolder) {
|
|
10684
|
+
config.sizeHolder.map((e, i) => {
|
|
10685
|
+
sizeMap[e.keyName] = e.value;
|
|
10686
|
+
});
|
|
10687
|
+
}
|
|
10645
10688
|
elements.elements = config.elements.map((e, elemInd) => {
|
|
10646
10689
|
if (e.type) {
|
|
10647
10690
|
return {
|
|
10648
10691
|
accessorKey: e.name,
|
|
10649
10692
|
header: e.label || e.name,
|
|
10693
|
+
size: sizeMap[e.name] || 180,
|
|
10650
10694
|
widget: buildUiSchema(e)
|
|
10651
10695
|
};
|
|
10652
10696
|
}
|
|
10653
10697
|
return {
|
|
10654
10698
|
accessorKey: e.name,
|
|
10655
|
-
header: e.label || e.name
|
|
10699
|
+
header: e.label || e.name,
|
|
10700
|
+
size: sizeMap[e.name] || 180
|
|
10656
10701
|
};
|
|
10657
10702
|
});
|
|
10658
10703
|
} else if (config.type == "Array") {
|