impaktapps-ui-builder 1.0.100 → 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 +68 -17
- 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 +4 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -1
|
@@ -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,7 +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"),
|
|
7862
|
-
getSelectField("maxPageSize", "Max Page Size"
|
|
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
|
+
]),
|
|
7863
7888
|
buildWrapper("Tree Table Properties", [
|
|
7864
7889
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
7865
7890
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
@@ -7885,27 +7910,43 @@ const buildPropertiesSection = function(type) {
|
|
|
7885
7910
|
uiSchema.elements = [
|
|
7886
7911
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7887
7912
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
7888
|
-
getSelectField("variant", "Variant"
|
|
7913
|
+
getSelectField("variant", "Variant", [
|
|
7914
|
+
{ label: "Outlined", value: "outlined" },
|
|
7915
|
+
{ label: "Filled", value: "filled" },
|
|
7916
|
+
{ label: "Standard", value: "standard" }
|
|
7917
|
+
]),
|
|
7889
7918
|
emptyBox$1("SelectEmpty")
|
|
7890
7919
|
];
|
|
7891
7920
|
break;
|
|
7892
7921
|
case "MultipleSelect":
|
|
7893
7922
|
uiSchema.elements = [
|
|
7894
7923
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7895
|
-
getSelectField("variant", "Variant"
|
|
7924
|
+
getSelectField("variant", "Variant", [
|
|
7925
|
+
{ label: "Outlined", value: "outlined" },
|
|
7926
|
+
{ label: "Filled", value: "filled" },
|
|
7927
|
+
{ label: "Standard", value: "standard" }
|
|
7928
|
+
]),
|
|
7896
7929
|
emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
|
|
7897
7930
|
emptyBox$1("MultipleSelectEmpty2")
|
|
7898
7931
|
];
|
|
7899
7932
|
break;
|
|
7900
7933
|
case "Date":
|
|
7901
7934
|
uiSchema.elements = [
|
|
7902
|
-
getSelectField("variant", "Variant"
|
|
7935
|
+
getSelectField("variant", "Variant", [
|
|
7936
|
+
{ label: "Outlined", value: "outlined" },
|
|
7937
|
+
{ label: "Filled", value: "filled" },
|
|
7938
|
+
{ label: "Standard", value: "standard" }
|
|
7939
|
+
]),
|
|
7903
7940
|
emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7904
7941
|
];
|
|
7905
7942
|
break;
|
|
7906
7943
|
case "DateTime":
|
|
7907
7944
|
uiSchema.elements = [
|
|
7908
|
-
getSelectField("variant", "Variant"
|
|
7945
|
+
getSelectField("variant", "Variant", [
|
|
7946
|
+
{ label: "Outlined", value: "outlined" },
|
|
7947
|
+
{ label: "Filled", value: "filled" },
|
|
7948
|
+
{ label: "Standard", value: "standard" }
|
|
7949
|
+
]),
|
|
7909
7950
|
emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7910
7951
|
];
|
|
7911
7952
|
break;
|
|
@@ -9048,7 +9089,12 @@ const EventUiSchema = (theme) => {
|
|
|
9048
9089
|
}
|
|
9049
9090
|
}
|
|
9050
9091
|
},
|
|
9051
|
-
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
|
+
]),
|
|
9052
9098
|
{
|
|
9053
9099
|
type: "Control",
|
|
9054
9100
|
scope: "#/properties/EmptyBox",
|
|
@@ -9727,7 +9773,12 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
9727
9773
|
} else if (handlerType === "inBuiltFunction") {
|
|
9728
9774
|
uiSchema.elements[0].elements[0].elements[2] = getSelectField(
|
|
9729
9775
|
"inBuiltFunctionType",
|
|
9730
|
-
"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
|
+
]
|
|
9731
9782
|
);
|
|
9732
9783
|
uiSchema.elements[0].elements[0].elements[3] = {
|
|
9733
9784
|
type: "Control",
|