impaktapps-ui-builder 1.0.101 → 1.0.102
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 +28 -68
- 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 +0 -4
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +11 -0
|
@@ -6299,6 +6299,17 @@ const ComponentSchema = {
|
|
|
6299
6299
|
{ title: "Put", const: "put" }
|
|
6300
6300
|
]
|
|
6301
6301
|
},
|
|
6302
|
+
maxPageSize: {
|
|
6303
|
+
type: "number",
|
|
6304
|
+
oneOf: [
|
|
6305
|
+
{ title: "10", const: 10 },
|
|
6306
|
+
{ title: "20", const: 20 },
|
|
6307
|
+
{ title: "30", const: 30 },
|
|
6308
|
+
{ title: "50", const: 50 },
|
|
6309
|
+
{ title: "100", const: 100 },
|
|
6310
|
+
{ title: "500", const: 500 }
|
|
6311
|
+
]
|
|
6312
|
+
},
|
|
6302
6313
|
layout: {
|
|
6303
6314
|
type: "array",
|
|
6304
6315
|
items: {
|
|
@@ -7623,8 +7634,7 @@ const getSelectField = (scope, label, options) => {
|
|
|
7623
7634
|
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
7624
7635
|
main: {
|
|
7625
7636
|
label,
|
|
7626
|
-
type: "text"
|
|
7627
|
-
options
|
|
7637
|
+
type: "text"
|
|
7628
7638
|
}
|
|
7629
7639
|
}
|
|
7630
7640
|
};
|
|
@@ -7671,7 +7681,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7671
7681
|
break;
|
|
7672
7682
|
case "TreeMap":
|
|
7673
7683
|
uiSchema.elements = [
|
|
7674
|
-
getSelectField("orientation", "orientation"
|
|
7684
|
+
getSelectField("orientation", "orientation"),
|
|
7675
7685
|
getInputField("linkType", "linkType"),
|
|
7676
7686
|
getInputField("graphHeight", "Graph Height"),
|
|
7677
7687
|
getInputField("graphWidth", "Graph Width"),
|
|
@@ -7706,10 +7716,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7706
7716
|
getRadioInputField("defaultButtonAvailable", "Use Default Buttons ", ["YES", "NO"]),
|
|
7707
7717
|
getInputField("resetText", "Reset Text"),
|
|
7708
7718
|
getInputField("completeText", "Complete Text"),
|
|
7709
|
-
getSelectField("orientation", "Orientation Type",
|
|
7710
|
-
{ label: "Horizontal", value: "horizontal" },
|
|
7711
|
-
{ label: "Vertical", value: "vertical" }
|
|
7712
|
-
]),
|
|
7719
|
+
getSelectField("orientation", "Orientation Type"),
|
|
7713
7720
|
emptyBox$1("Stepper", { xs: 6, sm: 6, md: 4, lg: 4 }),
|
|
7714
7721
|
getArrayControl("sectionLabels", "label")
|
|
7715
7722
|
];
|
|
@@ -7726,11 +7733,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7726
7733
|
uiSchema.elements = [
|
|
7727
7734
|
getInputField("placeholder", "Placeholder"),
|
|
7728
7735
|
getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
|
|
7729
|
-
getSelectField("variant", "Variant",
|
|
7730
|
-
{ label: "Outlined", value: "outlined" },
|
|
7731
|
-
{ label: "Filled", value: "filled" },
|
|
7732
|
-
{ label: "Standard", value: "standard" }
|
|
7733
|
-
]),
|
|
7736
|
+
getSelectField("variant", "Variant"),
|
|
7734
7737
|
emptyBox$1("TextEmpty1", { xs: 6, sm: 6, md: 0, lg: 3 }),
|
|
7735
7738
|
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
|
|
7736
7739
|
getInputField("keyName", "Event Key Name")
|
|
@@ -7800,20 +7803,17 @@ const buildPropertiesSection = function(type) {
|
|
|
7800
7803
|
break;
|
|
7801
7804
|
case "Button":
|
|
7802
7805
|
uiSchema.elements = [
|
|
7803
|
-
getSelectField("buttonType", "Button Type"
|
|
7804
|
-
getSelectField("iconName", "Icon Name"
|
|
7805
|
-
getSelectField("color", "Color"
|
|
7806
|
+
getSelectField("buttonType", "Button Type"),
|
|
7807
|
+
getSelectField("iconName", "Icon Name"),
|
|
7808
|
+
getSelectField("color", "Color"),
|
|
7806
7809
|
getInputField("tooltipMessage", "Tooltip Message"),
|
|
7807
|
-
getSelectField("defaultStyle", "Default Style",
|
|
7808
|
-
{ label: "Apply Default Style", value: "true" },
|
|
7809
|
-
{ label: "No Style", value: "false" }
|
|
7810
|
-
]),
|
|
7810
|
+
getSelectField("defaultStyle", "Default Style"),
|
|
7811
7811
|
emptyBox$1("ButtonEmpty1", { xs: 6, sm: 6, md: 4, lg: 4 })
|
|
7812
7812
|
];
|
|
7813
7813
|
break;
|
|
7814
7814
|
case "Box":
|
|
7815
7815
|
uiSchema.elements = [
|
|
7816
|
-
getSelectField("iconName", "Icon Name"
|
|
7816
|
+
getSelectField("iconName", "Icon Name"),
|
|
7817
7817
|
emptyBox$1("BoxEmpty1", { xs: 6, sm: 6, md: 4, lg: 8 })
|
|
7818
7818
|
];
|
|
7819
7819
|
break;
|
|
@@ -7821,14 +7821,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7821
7821
|
uiSchema.elements = [
|
|
7822
7822
|
getInputField("height", "Height"),
|
|
7823
7823
|
getInputField("heading", "Heading"),
|
|
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
|
-
]),
|
|
7824
|
+
getSelectField("graphType", "Graph Type"),
|
|
7832
7825
|
getInputField("leftLabel", "Left Label"),
|
|
7833
7826
|
getInputField("bottomLabel", "Bottom Label"),
|
|
7834
7827
|
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
@@ -7877,14 +7870,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7877
7870
|
getRadioInputField("disablePagination", "Disable Pagination", ["YES", "NO"]),
|
|
7878
7871
|
getInputField("selectKey", "Selection Key"),
|
|
7879
7872
|
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
|
-
]),
|
|
7873
|
+
getSelectField("maxPageSize", "Max Page Size"),
|
|
7888
7874
|
buildWrapper("Tree Table Properties", [
|
|
7889
7875
|
getRadioInputField("enableRowMovement", "Row Rearrangement", ["YES", "NO"]),
|
|
7890
7876
|
getRadioInputField("enableExpanding", "Row Expanding", ["YES", "NO"]),
|
|
@@ -7910,43 +7896,27 @@ const buildPropertiesSection = function(type) {
|
|
|
7910
7896
|
uiSchema.elements = [
|
|
7911
7897
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7912
7898
|
getRadioInputField("freeSolo", "FreeSolo", ["YES", "NO"]),
|
|
7913
|
-
getSelectField("variant", "Variant",
|
|
7914
|
-
{ label: "Outlined", value: "outlined" },
|
|
7915
|
-
{ label: "Filled", value: "filled" },
|
|
7916
|
-
{ label: "Standard", value: "standard" }
|
|
7917
|
-
]),
|
|
7899
|
+
getSelectField("variant", "Variant"),
|
|
7918
7900
|
emptyBox$1("SelectEmpty")
|
|
7919
7901
|
];
|
|
7920
7902
|
break;
|
|
7921
7903
|
case "MultipleSelect":
|
|
7922
7904
|
uiSchema.elements = [
|
|
7923
7905
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
7924
|
-
getSelectField("variant", "Variant",
|
|
7925
|
-
{ label: "Outlined", value: "outlined" },
|
|
7926
|
-
{ label: "Filled", value: "filled" },
|
|
7927
|
-
{ label: "Standard", value: "standard" }
|
|
7928
|
-
]),
|
|
7906
|
+
getSelectField("variant", "Variant"),
|
|
7929
7907
|
emptyBox$1("MultipleSelectEmpty1", { xs: 0, sm: 6, md: 4, lg: 4 }),
|
|
7930
7908
|
emptyBox$1("MultipleSelectEmpty2")
|
|
7931
7909
|
];
|
|
7932
7910
|
break;
|
|
7933
7911
|
case "Date":
|
|
7934
7912
|
uiSchema.elements = [
|
|
7935
|
-
getSelectField("variant", "Variant",
|
|
7936
|
-
{ label: "Outlined", value: "outlined" },
|
|
7937
|
-
{ label: "Filled", value: "filled" },
|
|
7938
|
-
{ label: "Standard", value: "standard" }
|
|
7939
|
-
]),
|
|
7913
|
+
getSelectField("variant", "Variant"),
|
|
7940
7914
|
emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7941
7915
|
];
|
|
7942
7916
|
break;
|
|
7943
7917
|
case "DateTime":
|
|
7944
7918
|
uiSchema.elements = [
|
|
7945
|
-
getSelectField("variant", "Variant",
|
|
7946
|
-
{ label: "Outlined", value: "outlined" },
|
|
7947
|
-
{ label: "Filled", value: "filled" },
|
|
7948
|
-
{ label: "Standard", value: "standard" }
|
|
7949
|
-
]),
|
|
7919
|
+
getSelectField("variant", "Variant"),
|
|
7950
7920
|
emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7951
7921
|
];
|
|
7952
7922
|
break;
|
|
@@ -9089,12 +9059,7 @@ const EventUiSchema = (theme) => {
|
|
|
9089
9059
|
}
|
|
9090
9060
|
}
|
|
9091
9061
|
},
|
|
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
|
-
]),
|
|
9062
|
+
getSelectField("Handler", "Handler"),
|
|
9098
9063
|
{
|
|
9099
9064
|
type: "Control",
|
|
9100
9065
|
scope: "#/properties/EmptyBox",
|
|
@@ -9773,12 +9738,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
9773
9738
|
} else if (handlerType === "inBuiltFunction") {
|
|
9774
9739
|
uiSchema.elements[0].elements[0].elements[2] = getSelectField(
|
|
9775
9740
|
"inBuiltFunctionType",
|
|
9776
|
-
"Function Name"
|
|
9777
|
-
[
|
|
9778
|
-
{ label: "RankProvider", value: "RankProvider" },
|
|
9779
|
-
{ label: "Download File", value: "downloadFile" },
|
|
9780
|
-
{ label: "Download Blob File", value: "downloadBlobFile" }
|
|
9781
|
-
]
|
|
9741
|
+
"Function Name"
|
|
9782
9742
|
);
|
|
9783
9743
|
uiSchema.elements[0].elements[0].elements[3] = {
|
|
9784
9744
|
type: "Control",
|