impaktapps-ui-builder 1.0.99 → 1.0.101
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 +71 -16
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +5 -5
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +5 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildTable.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +10 -2
|
@@ -7623,7 +7623,8 @@ const getSelectField = (scope, label, options) => {
|
|
|
7623
7623
|
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
7624
7624
|
main: {
|
|
7625
7625
|
label,
|
|
7626
|
-
type: "text"
|
|
7626
|
+
type: "text",
|
|
7627
|
+
options
|
|
7627
7628
|
}
|
|
7628
7629
|
}
|
|
7629
7630
|
};
|
|
@@ -7670,7 +7671,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7670
7671
|
break;
|
|
7671
7672
|
case "TreeMap":
|
|
7672
7673
|
uiSchema.elements = [
|
|
7673
|
-
getSelectField("orientation", "orientation"),
|
|
7674
|
+
getSelectField("orientation", "orientation", []),
|
|
7674
7675
|
getInputField("linkType", "linkType"),
|
|
7675
7676
|
getInputField("graphHeight", "Graph Height"),
|
|
7676
7677
|
getInputField("graphWidth", "Graph Width"),
|
|
@@ -7705,7 +7706,10 @@ const buildPropertiesSection = function(type) {
|
|
|
7705
7706
|
getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
|
|
7706
7707
|
getInputField("resetText", "Reset Text"),
|
|
7707
7708
|
getInputField("completeText", "Complete Text"),
|
|
7708
|
-
getSelectField("orientation", "Orientation Type"
|
|
7709
|
+
getSelectField("orientation", "Orientation Type", [
|
|
7710
|
+
{ label: "Horizontal", value: "horizontal" },
|
|
7711
|
+
{ label: "Vertical", value: "vertical" }
|
|
7712
|
+
]),
|
|
7709
7713
|
emptyBox$1("Stepper", { xs: 6, sm: 6, md: 4, lg: 4 }),
|
|
7710
7714
|
getArrayControl("sectionLabels", "label")
|
|
7711
7715
|
];
|
|
@@ -7722,7 +7726,11 @@ const buildPropertiesSection = function(type) {
|
|
|
7722
7726
|
uiSchema.elements = [
|
|
7723
7727
|
getInputField("placeholder", "Placeholder"),
|
|
7724
7728
|
getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
|
|
7725
|
-
getSelectField("variant", "Variant"
|
|
7729
|
+
getSelectField("variant", "Variant", [
|
|
7730
|
+
{ label: "Outlined", value: "outlined" },
|
|
7731
|
+
{ label: "Filled", value: "filled" },
|
|
7732
|
+
{ label: "Standard", value: "standard" }
|
|
7733
|
+
]),
|
|
7726
7734
|
emptyBox$1("TextEmpty1", { xs: 6, sm: 6, md: 0, lg: 3 }),
|
|
7727
7735
|
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
|
|
7728
7736
|
getInputField("keyName", "Event Key Name")
|
|
@@ -7792,17 +7800,20 @@ const buildPropertiesSection = function(type) {
|
|
|
7792
7800
|
break;
|
|
7793
7801
|
case "Button":
|
|
7794
7802
|
uiSchema.elements = [
|
|
7795
|
-
getSelectField("buttonType", "Button Type"),
|
|
7796
|
-
getSelectField("iconName", "Icon Name"),
|
|
7797
|
-
getSelectField("color", "Color"),
|
|
7803
|
+
getSelectField("buttonType", "Button Type", []),
|
|
7804
|
+
getSelectField("iconName", "Icon Name", []),
|
|
7805
|
+
getSelectField("color", "Color", []),
|
|
7798
7806
|
getInputField("tooltipMessage", "Tooltip Message"),
|
|
7799
|
-
getSelectField("defaultStyle", "Default Style"
|
|
7807
|
+
getSelectField("defaultStyle", "Default Style", [
|
|
7808
|
+
{ label: "Apply Default Style", value: "true" },
|
|
7809
|
+
{ label: "No Style", value: "false" }
|
|
7810
|
+
]),
|
|
7800
7811
|
emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
|
|
7801
7812
|
];
|
|
7802
7813
|
break;
|
|
7803
7814
|
case "Box":
|
|
7804
7815
|
uiSchema.elements = [
|
|
7805
|
-
getSelectField("iconName", "Icon Name"),
|
|
7816
|
+
getSelectField("iconName", "Icon Name", []),
|
|
7806
7817
|
emptyBox$1("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 })
|
|
7807
7818
|
];
|
|
7808
7819
|
break;
|
|
@@ -7810,7 +7821,14 @@ const buildPropertiesSection = function(type) {
|
|
|
7810
7821
|
uiSchema.elements = [
|
|
7811
7822
|
getInputField("height", "Height"),
|
|
7812
7823
|
getInputField("heading", "Heading"),
|
|
7813
|
-
getSelectField("graphType", "Graph Type"
|
|
7824
|
+
getSelectField("graphType", "Graph Type", [
|
|
7825
|
+
{ label: "Bar Graph", value: "BarGraph" },
|
|
7826
|
+
{ label: "Stack Bar Graph", value: "StackBarGraph" },
|
|
7827
|
+
{ label: "Line Graph", value: "LineGraph" },
|
|
7828
|
+
{ label: "Pie Graph", value: "PieGraph" },
|
|
7829
|
+
{ label: "Horizontal Bar Graph", value: "HorizontalBarGraph" },
|
|
7830
|
+
{ label: "Stack Horizontal Bar Graph", value: "HorizontalStackBarGraph" }
|
|
7831
|
+
]),
|
|
7814
7832
|
getInputField("leftLabel", "Left Label"),
|
|
7815
7833
|
getInputField("bottomLabel", "Bottom Label"),
|
|
7816
7834
|
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
@@ -7859,6 +7877,14 @@ const buildPropertiesSection = function(type) {
|
|
|
7859
7877
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
7860
7878
|
getInputField("selectKey", "Selection Key"),
|
|
7861
7879
|
getMultiSelectField("filteringOptions", "Filtering Options"),
|
|
7880
|
+
getSelectField("maxPageSize", "Max Page Size", [
|
|
7881
|
+
{ label: "10", value: 10 },
|
|
7882
|
+
{ label: "20", value: 20 },
|
|
7883
|
+
{ label: "30", value: 30 },
|
|
7884
|
+
{ label: "50", value: 50 },
|
|
7885
|
+
{ label: "100", value: 100 },
|
|
7886
|
+
{ label: "500", value: 500 }
|
|
7887
|
+
]),
|
|
7862
7888
|
buildWrapper("Tree Table Properties", [
|
|
7863
7889
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
7864
7890
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
@@ -7884,27 +7910,43 @@ const buildPropertiesSection = function(type) {
|
|
|
7884
7910
|
uiSchema.elements = [
|
|
7885
7911
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7886
7912
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
7887
|
-
getSelectField("variant", "Variant"
|
|
7913
|
+
getSelectField("variant", "Variant", [
|
|
7914
|
+
{ label: "Outlined", value: "outlined" },
|
|
7915
|
+
{ label: "Filled", value: "filled" },
|
|
7916
|
+
{ label: "Standard", value: "standard" }
|
|
7917
|
+
]),
|
|
7888
7918
|
emptyBox$1("SelectEmpty")
|
|
7889
7919
|
];
|
|
7890
7920
|
break;
|
|
7891
7921
|
case "MultipleSelect":
|
|
7892
7922
|
uiSchema.elements = [
|
|
7893
7923
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7894
|
-
getSelectField("variant", "Variant"
|
|
7924
|
+
getSelectField("variant", "Variant", [
|
|
7925
|
+
{ label: "Outlined", value: "outlined" },
|
|
7926
|
+
{ label: "Filled", value: "filled" },
|
|
7927
|
+
{ label: "Standard", value: "standard" }
|
|
7928
|
+
]),
|
|
7895
7929
|
emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
|
|
7896
7930
|
emptyBox$1("MultipleSelectEmpty2")
|
|
7897
7931
|
];
|
|
7898
7932
|
break;
|
|
7899
7933
|
case "Date":
|
|
7900
7934
|
uiSchema.elements = [
|
|
7901
|
-
getSelectField("variant", "Variant"
|
|
7935
|
+
getSelectField("variant", "Variant", [
|
|
7936
|
+
{ label: "Outlined", value: "outlined" },
|
|
7937
|
+
{ label: "Filled", value: "filled" },
|
|
7938
|
+
{ label: "Standard", value: "standard" }
|
|
7939
|
+
]),
|
|
7902
7940
|
emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7903
7941
|
];
|
|
7904
7942
|
break;
|
|
7905
7943
|
case "DateTime":
|
|
7906
7944
|
uiSchema.elements = [
|
|
7907
|
-
getSelectField("variant", "Variant"
|
|
7945
|
+
getSelectField("variant", "Variant", [
|
|
7946
|
+
{ label: "Outlined", value: "outlined" },
|
|
7947
|
+
{ label: "Filled", value: "filled" },
|
|
7948
|
+
{ label: "Standard", value: "standard" }
|
|
7949
|
+
]),
|
|
7908
7950
|
emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7909
7951
|
];
|
|
7910
7952
|
break;
|
|
@@ -9047,7 +9089,12 @@ const EventUiSchema = (theme) => {
|
|
|
9047
9089
|
}
|
|
9048
9090
|
}
|
|
9049
9091
|
},
|
|
9050
|
-
getSelectField("Handler", "Handler"
|
|
9092
|
+
getSelectField("Handler", "Handler", [
|
|
9093
|
+
{ label: "Custom", value: "custom" },
|
|
9094
|
+
{ label: "API", value: "api" },
|
|
9095
|
+
{ label: "Inbuilt Function", value: "inBuiltFunction" },
|
|
9096
|
+
{ label: "Refresh", value: "refresh" }
|
|
9097
|
+
]),
|
|
9051
9098
|
{
|
|
9052
9099
|
type: "Control",
|
|
9053
9100
|
scope: "#/properties/EmptyBox",
|
|
@@ -9726,7 +9773,12 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
9726
9773
|
} else if (handlerType === "inBuiltFunction") {
|
|
9727
9774
|
uiSchema.elements[0].elements[0].elements[2] = getSelectField(
|
|
9728
9775
|
"inBuiltFunctionType",
|
|
9729
|
-
"Function Name"
|
|
9776
|
+
"Function Name",
|
|
9777
|
+
[
|
|
9778
|
+
{ label: "RankProvider", value: "RankProvider" },
|
|
9779
|
+
{ label: "Download File", value: "downloadFile" },
|
|
9780
|
+
{ label: "Download Blob File", value: "downloadBlobFile" }
|
|
9781
|
+
]
|
|
9730
9782
|
);
|
|
9731
9783
|
uiSchema.elements[0].elements[0].elements[3] = {
|
|
9732
9784
|
type: "Control",
|
|
@@ -11154,6 +11206,9 @@ const buildTable = (config2, componentScope2) => {
|
|
|
11154
11206
|
if (config2.selectKey) {
|
|
11155
11207
|
table.config.main.selectKey = config2.selectKey;
|
|
11156
11208
|
}
|
|
11209
|
+
if (config2.maxPageSize) {
|
|
11210
|
+
table.config.main.maxPageSize = config2.maxPageSize;
|
|
11211
|
+
}
|
|
11157
11212
|
return table;
|
|
11158
11213
|
};
|
|
11159
11214
|
const Box = {
|