impaktapps-ui-builder 0.0.409-a → 0.0.409-c
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 +66 -3
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +11 -11
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildTreeMap.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts +58 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +9 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
- package/src/impaktapps-ui-builder/builder/services/component.ts +1 -0
- package/src/impaktapps-ui-builder/runtime/services/service.ts +1 -1
|
@@ -5916,7 +5916,8 @@ const ComponentSchema = {
|
|
|
5916
5916
|
{ title: "Upload File", const: "UploadFile" },
|
|
5917
5917
|
{ title: "Date Column", const: "date" },
|
|
5918
5918
|
{ title: "DateTime Column", const: "dateTime" },
|
|
5919
|
-
{ title: "Amount Column", const: "amount" }
|
|
5919
|
+
{ title: "Amount Column", const: "amount" },
|
|
5920
|
+
{ title: "TreeMap", const: "TreeMap" }
|
|
5920
5921
|
]
|
|
5921
5922
|
},
|
|
5922
5923
|
orientation: {
|
|
@@ -6903,6 +6904,14 @@ const GraphSection = {
|
|
|
6903
6904
|
const buildPropertiesSection = function(type) {
|
|
6904
6905
|
let uiSchema = _.cloneDeep(GraphSection);
|
|
6905
6906
|
switch (type) {
|
|
6907
|
+
case "TreeMap":
|
|
6908
|
+
uiSchema.elements = [
|
|
6909
|
+
getSelectField("orientation", "orientation"),
|
|
6910
|
+
getInputField("linkType", "linkType"),
|
|
6911
|
+
getInputField("graphHeight", "Graph Height"),
|
|
6912
|
+
getInputField("graphWidth", "Graph Width"),
|
|
6913
|
+
getInputField("graphZoomHeight", "Zoom Height")
|
|
6914
|
+
];
|
|
6906
6915
|
case "InputSlider":
|
|
6907
6916
|
uiSchema.elements = [
|
|
6908
6917
|
getInputField("max", "Max Limit"),
|
|
@@ -7506,7 +7515,8 @@ const sectionLabels = {
|
|
|
7506
7515
|
PopUp: ["Core", "Components", "Properties", "style"],
|
|
7507
7516
|
Stepper: ["Core", "Components", "Properties", "Event", "style"],
|
|
7508
7517
|
DataGrid: ["Core", "Components", "Properties", "Event", "style"],
|
|
7509
|
-
InputSlider: ["Core", "Properties", "style", "Event", "Validation"]
|
|
7518
|
+
InputSlider: ["Core", "Properties", "style", "Event", "Validation"],
|
|
7519
|
+
TreeMap: ["Core", "Components", "Properties", "style", "Event"]
|
|
7510
7520
|
};
|
|
7511
7521
|
const refreshPage = (type, store2) => {
|
|
7512
7522
|
var _a;
|
|
@@ -8873,7 +8883,7 @@ var service = (funcParams) => {
|
|
|
8873
8883
|
if (((_b = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _b[path]) !== void 0) {
|
|
8874
8884
|
for (const eventConfig of (_c = eventGroups == null ? void 0 : eventGroups[eventType]) == null ? void 0 : _c[path]) {
|
|
8875
8885
|
executeEventsParameters.store.functionParameters = functionParameters;
|
|
8876
|
-
|
|
8886
|
+
executeEvents({
|
|
8877
8887
|
...executeEventsParameters,
|
|
8878
8888
|
config: eventConfig,
|
|
8879
8889
|
componentName: path
|
|
@@ -10807,6 +10817,57 @@ const buildInputSlider = (config, componentScope) => {
|
|
|
10807
10817
|
}
|
|
10808
10818
|
return inputSlider;
|
|
10809
10819
|
};
|
|
10820
|
+
const TreeMap = {
|
|
10821
|
+
"type": "Control",
|
|
10822
|
+
"scope": "#/properties/TreeMap2",
|
|
10823
|
+
"config": {
|
|
10824
|
+
"main": {
|
|
10825
|
+
"layout": "cartsian",
|
|
10826
|
+
orientation: "vertical",
|
|
10827
|
+
header: "Territory Hierarchy",
|
|
10828
|
+
"linkType": "step",
|
|
10829
|
+
graphHeight: "500px"
|
|
10830
|
+
},
|
|
10831
|
+
"style": {
|
|
10832
|
+
BoxStyle: {
|
|
10833
|
+
borderRadius: "5px"
|
|
10834
|
+
}
|
|
10835
|
+
}
|
|
10836
|
+
},
|
|
10837
|
+
"options": {
|
|
10838
|
+
"widget": "TreeMap"
|
|
10839
|
+
},
|
|
10840
|
+
elements: []
|
|
10841
|
+
};
|
|
10842
|
+
const buildTreeMap = (config, componentScope) => {
|
|
10843
|
+
const treMap = _.cloneDeep(TreeMap);
|
|
10844
|
+
treMap.scope = componentScope;
|
|
10845
|
+
if (config.label) {
|
|
10846
|
+
treMap.config.main.header = config.label;
|
|
10847
|
+
}
|
|
10848
|
+
if (config.layout) {
|
|
10849
|
+
treMap.config.layout = createLayoutFormat(config.layout);
|
|
10850
|
+
}
|
|
10851
|
+
if (config.orientation) {
|
|
10852
|
+
treMap.config.main.orientation = config.orientation;
|
|
10853
|
+
}
|
|
10854
|
+
if (config.linkType) {
|
|
10855
|
+
treMap.config.main.linkType = config.linkType;
|
|
10856
|
+
}
|
|
10857
|
+
if (config.graphHeight) {
|
|
10858
|
+
treMap.config.main.graphHeight = config.graphHeight;
|
|
10859
|
+
}
|
|
10860
|
+
if (config.graphWidth) {
|
|
10861
|
+
treMap.config.main.graphWidth = config.graphWidth;
|
|
10862
|
+
}
|
|
10863
|
+
if (config.graphZoomHeight) {
|
|
10864
|
+
treMap.config.main.graphZoomHeight = config.graphZoomHeight;
|
|
10865
|
+
}
|
|
10866
|
+
if (config.graphZoomWidth) {
|
|
10867
|
+
treMap.config.main.graphZoomWidth = config.graphZoomWidth;
|
|
10868
|
+
}
|
|
10869
|
+
return treMap;
|
|
10870
|
+
};
|
|
10810
10871
|
let schema = {
|
|
10811
10872
|
type: "object",
|
|
10812
10873
|
properties: {},
|
|
@@ -10925,6 +10986,8 @@ const buildUiSchema = (config) => {
|
|
|
10925
10986
|
let elements = {};
|
|
10926
10987
|
const componentScope = `#/properties/${config.name}`;
|
|
10927
10988
|
switch (config.type) {
|
|
10989
|
+
case "TreeMap":
|
|
10990
|
+
elements = buildTreeMap(config, componentScope);
|
|
10928
10991
|
case "DateTime":
|
|
10929
10992
|
elements = buildDateTime(config, componentScope);
|
|
10930
10993
|
break;
|