impaktapps-ui-builder 1.0.486 → 1.0.622
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 +92 -21
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +3 -3
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildHierarchyChart.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/hierarchyChart.d.ts +22 -0
- package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildEmptyBox.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildHierarchyChart.ts +35 -0
- package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +0 -3
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +17 -5
- package/src/impaktapps-ui-builder/builder/build/uischema/hierarchyChart.ts +13 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +9 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +1 -0
- package/src/impaktapps-ui-builder/runtime/services/downloadFile.ts +12 -7
- package/src/impaktapps-ui-builder/runtime/services/service.ts +8 -1
|
@@ -1488,7 +1488,7 @@ var lodash = { exports: {} };
|
|
|
1488
1488
|
}
|
|
1489
1489
|
var runInContext = function runInContext2(context) {
|
|
1490
1490
|
context = context == null ? root : _2.defaults(root.Object(), context, _2.pick(root, contextProps));
|
|
1491
|
-
var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp,
|
|
1491
|
+
var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError = context.TypeError;
|
|
1492
1492
|
var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
|
|
1493
1493
|
var coreJsData = context["__core-js_shared__"];
|
|
1494
1494
|
var funcToString = funcProto.toString;
|
|
@@ -1809,7 +1809,7 @@ var lodash = { exports: {} };
|
|
|
1809
1809
|
Stack.prototype.has = stackHas;
|
|
1810
1810
|
Stack.prototype.set = stackSet;
|
|
1811
1811
|
function arrayLikeKeys(value, inherited) {
|
|
1812
|
-
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length,
|
|
1812
|
+
var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result2 = skipIndexes ? baseTimes(value.length, String2) : [], length = result2.length;
|
|
1813
1813
|
for (var key in value) {
|
|
1814
1814
|
if ((inherited || hasOwnProperty.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex(key, length)))) {
|
|
1815
1815
|
result2.push(key);
|
|
@@ -6272,6 +6272,7 @@ const ComponentSchema = {
|
|
|
6272
6272
|
{ title: "Rank", const: "Rank" },
|
|
6273
6273
|
{ title: "Rank Card", const: "RankCard" },
|
|
6274
6274
|
{ title: "Metric Card", const: "MetricCard" },
|
|
6275
|
+
{ title: "Hierarchy Chart", const: "HierarchyChart" },
|
|
6275
6276
|
{ title: "Runner Boy", const: "RunnerBoyProgressBar" },
|
|
6276
6277
|
{ title: "Table", const: "Table" },
|
|
6277
6278
|
{ title: "Tabs", const: "TabSection" },
|
|
@@ -6335,6 +6336,13 @@ const ComponentSchema = {
|
|
|
6335
6336
|
{ title: "Standard", const: "standard" }
|
|
6336
6337
|
]
|
|
6337
6338
|
},
|
|
6339
|
+
linkType: {
|
|
6340
|
+
oneOf: [
|
|
6341
|
+
{ title: "Step", const: "step" },
|
|
6342
|
+
{ title: "Diagonal", const: "diagonal" },
|
|
6343
|
+
{ title: "Line", const: "line" }
|
|
6344
|
+
]
|
|
6345
|
+
},
|
|
6338
6346
|
positionVertical: {
|
|
6339
6347
|
oneOf: [
|
|
6340
6348
|
{ title: "Top", const: "top" },
|
|
@@ -8158,6 +8166,17 @@ const buildPropertiesSection = function(type) {
|
|
|
8158
8166
|
emptyBox$1("cardEmpty", { xs: 0, sm: 0, md: 8, lg: 8 })
|
|
8159
8167
|
];
|
|
8160
8168
|
break;
|
|
8169
|
+
case "HierarchyChart":
|
|
8170
|
+
uiSchema.elements = [
|
|
8171
|
+
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
8172
|
+
getSelectField("linkType", "Link Type"),
|
|
8173
|
+
getInputField("nodeWidth", "Node Width"),
|
|
8174
|
+
getInputField("nodeHeight", "Node Height"),
|
|
8175
|
+
getInputField("chartHeight", "Chart Height"),
|
|
8176
|
+
getInputField("stepPercent", "Link Bend Position"),
|
|
8177
|
+
emptyBox$1("HierarchyChart", { xs: 0, sm: 0, md: 4, lg: 6 })
|
|
8178
|
+
];
|
|
8179
|
+
break;
|
|
8161
8180
|
case "MetricCard":
|
|
8162
8181
|
uiSchema.elements = [
|
|
8163
8182
|
getInputField("url", "Image Url"),
|
|
@@ -8291,8 +8310,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8291
8310
|
getSelectField("variant", "Variant"),
|
|
8292
8311
|
getInputField("toolTip", "Tooltip"),
|
|
8293
8312
|
getSelectField("toolTipPosition", "Tooltip Position"),
|
|
8294
|
-
|
|
8295
|
-
emptyBox$1("SelectEmpty", { xs: 0, sm: 0, md: 4, lg: 6 })
|
|
8313
|
+
emptyBox$1("SelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
8296
8314
|
];
|
|
8297
8315
|
break;
|
|
8298
8316
|
case "MultipleSelect":
|
|
@@ -8300,9 +8318,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8300
8318
|
getRadioInputField("lazyLoading", "Lazy Loading", ["YES", "NO"]),
|
|
8301
8319
|
getSelectField("variant", "Variant"),
|
|
8302
8320
|
getInputField("toolTip", "Tooltip"),
|
|
8303
|
-
getSelectField("toolTipPosition", "Tooltip Position")
|
|
8304
|
-
getRadioInputField("grouping", "Grouping", ["YES", "NO"]),
|
|
8305
|
-
emptyBox$1("MultipleSelectEmpty", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
8321
|
+
getSelectField("toolTipPosition", "Tooltip Position")
|
|
8306
8322
|
];
|
|
8307
8323
|
break;
|
|
8308
8324
|
case "PdfViewer":
|
|
@@ -8879,6 +8895,7 @@ const sectionLabels = {
|
|
|
8879
8895
|
ProgressBar: ["Core", "Properties", "Events", "Style"],
|
|
8880
8896
|
RankCard: ["Core", "Properties", "Events", "Style"],
|
|
8881
8897
|
MetricCard: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8898
|
+
HierarchyChart: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8882
8899
|
Slider: ["Core", "Components", "Events", "Style", "Validation"],
|
|
8883
8900
|
Timer: ["Core", "Events", "Style"],
|
|
8884
8901
|
Rank: ["Core", "Events", "Style"],
|
|
@@ -9507,7 +9524,8 @@ const EventSchema = {
|
|
|
9507
9524
|
{ title: "Fail", const: "Fail" },
|
|
9508
9525
|
{ title: "onClose", const: "onClose" },
|
|
9509
9526
|
{ title: "Key Down", const: "onKeyDown" },
|
|
9510
|
-
{ title: "Set Style", const: "setStyle" }
|
|
9527
|
+
{ title: "Set Style", const: "setStyle" },
|
|
9528
|
+
{ title: "Expand Node", const: "onNodeExpandChange" }
|
|
9511
9529
|
]
|
|
9512
9530
|
},
|
|
9513
9531
|
Handler: {
|
|
@@ -10492,15 +10510,20 @@ function downloadFile$1({ data, name }) {
|
|
|
10492
10510
|
URL.revokeObjectURL(url);
|
|
10493
10511
|
}
|
|
10494
10512
|
const downloadFileFromUrl = (response, service2) => {
|
|
10495
|
-
|
|
10513
|
+
const url = new URL(response.path, service2.defaults.baseURL);
|
|
10496
10514
|
if (response == null ? void 0 : response.params) {
|
|
10497
|
-
const
|
|
10498
|
-
|
|
10499
|
-
|
|
10500
|
-
|
|
10515
|
+
for (const [key, value] of Object.entries(response.params)) {
|
|
10516
|
+
if (value == null)
|
|
10517
|
+
continue;
|
|
10518
|
+
url.searchParams.append(
|
|
10519
|
+
key,
|
|
10520
|
+
Array.isArray(value) ? value.join(",") : String(value)
|
|
10521
|
+
);
|
|
10522
|
+
}
|
|
10501
10523
|
}
|
|
10502
10524
|
const link = document.createElement("a");
|
|
10503
|
-
link.href = url;
|
|
10525
|
+
link.href = url.toString();
|
|
10526
|
+
link.download = "";
|
|
10504
10527
|
document.body.appendChild(link);
|
|
10505
10528
|
link.click();
|
|
10506
10529
|
link.parentNode.removeChild(link);
|
|
@@ -10833,7 +10856,7 @@ var service = (funcParams) => {
|
|
|
10833
10856
|
dynamicData: funcParams.dynamicData,
|
|
10834
10857
|
userValue: funcParams.userValue,
|
|
10835
10858
|
service: funcParams.service,
|
|
10836
|
-
serviceHolder: { downloadFile: downloadFile$1,
|
|
10859
|
+
serviceHolder: { downloadFile: downloadFile$1, downloadFileFromUrl, ...funcParams.functionsProvider },
|
|
10837
10860
|
eventGroups,
|
|
10838
10861
|
functionsProvider: funcParams.functionsProvider,
|
|
10839
10862
|
formDataHolder
|
|
@@ -10980,6 +11003,13 @@ var service = (funcParams) => {
|
|
|
10980
11003
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
10981
11004
|
return response == null ? void 0 : response.data;
|
|
10982
11005
|
},
|
|
11006
|
+
onNodeExpandChange: async function(param) {
|
|
11007
|
+
const apiBody = [
|
|
11008
|
+
{ key: "expandedNodeId", value: param.expandedNodeId }
|
|
11009
|
+
];
|
|
11010
|
+
const response = await this.callExecuteEvents(param, apiBody, "onNodeExpandChange");
|
|
11011
|
+
return response == null ? void 0 : response.data;
|
|
11012
|
+
},
|
|
10983
11013
|
getSelectOptions: async function(param) {
|
|
10984
11014
|
if (param.serachValue !== "" && param.serachValue !== void 0) {
|
|
10985
11015
|
const apiBody = [
|
|
@@ -11699,9 +11729,6 @@ const buildSelect = (config2, componentScope2) => {
|
|
|
11699
11729
|
if (config2.toolTipPosition) {
|
|
11700
11730
|
selectInputField.config.main.toolTipPosition = config2.toolTipPosition;
|
|
11701
11731
|
}
|
|
11702
|
-
if (config2.grouping) {
|
|
11703
|
-
selectInputField.config.main.grouping = config2.grouping;
|
|
11704
|
-
}
|
|
11705
11732
|
if (config2.style) {
|
|
11706
11733
|
selectInputField.config.style = JSON.parse(config2.style);
|
|
11707
11734
|
}
|
|
@@ -12396,9 +12423,6 @@ const buildMultiSelect = (config2, componentScope2) => {
|
|
|
12396
12423
|
if (config2.toolTipPosition) {
|
|
12397
12424
|
multipleSelect.config.main.toolTipPosition = config2.toolTipPosition;
|
|
12398
12425
|
}
|
|
12399
|
-
if (config2.grouping) {
|
|
12400
|
-
multipleSelect.config.main.grouping = config2.grouping;
|
|
12401
|
-
}
|
|
12402
12426
|
if (config2.style) {
|
|
12403
12427
|
multipleSelect.config.style = JSON.parse(config2.style);
|
|
12404
12428
|
}
|
|
@@ -12612,6 +12636,9 @@ const buildEmptyBox = (config2, componentScope2) => {
|
|
|
12612
12636
|
if (config2.layout) {
|
|
12613
12637
|
EmptyBox.config.layout = createLayoutFormat(config2.layout);
|
|
12614
12638
|
}
|
|
12639
|
+
if (config2.style) {
|
|
12640
|
+
EmptyBox.config.style = JSON.parse(config2.style);
|
|
12641
|
+
}
|
|
12615
12642
|
return EmptyBox;
|
|
12616
12643
|
};
|
|
12617
12644
|
const ArrayUiSchema = {
|
|
@@ -13360,6 +13387,47 @@ const buildPdfViewer = (config2, componentScope2) => {
|
|
|
13360
13387
|
}
|
|
13361
13388
|
return PdfViewer;
|
|
13362
13389
|
};
|
|
13390
|
+
const HierarchyChart = {
|
|
13391
|
+
type: "Control",
|
|
13392
|
+
scope: "#/properties/HierarchyChart",
|
|
13393
|
+
options: {
|
|
13394
|
+
widget: "HierarchyChart"
|
|
13395
|
+
},
|
|
13396
|
+
config: {
|
|
13397
|
+
layout: { xs: 12, sm: 12, md: 12, lg: 12 },
|
|
13398
|
+
main: {},
|
|
13399
|
+
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
13400
|
+
}
|
|
13401
|
+
};
|
|
13402
|
+
const buildHierarchyChart = (config2, componentScope2, store2) => {
|
|
13403
|
+
const hierarchyChart = _.cloneDeep(HierarchyChart);
|
|
13404
|
+
hierarchyChart.scope = componentScope2;
|
|
13405
|
+
if (config2.style) {
|
|
13406
|
+
hierarchyChart.config.style = JSON.parse(config2.style);
|
|
13407
|
+
}
|
|
13408
|
+
if (config2.layout) {
|
|
13409
|
+
hierarchyChart.config.layout = createLayoutFormat(config2.layout);
|
|
13410
|
+
}
|
|
13411
|
+
if (config2.linkType) {
|
|
13412
|
+
hierarchyChart.config.main.linkType = config2.linkType;
|
|
13413
|
+
}
|
|
13414
|
+
if (config2.stepPercent) {
|
|
13415
|
+
hierarchyChart.config.main.stepPercent = config2.stepPercent;
|
|
13416
|
+
}
|
|
13417
|
+
if (config2.nodeWidth) {
|
|
13418
|
+
hierarchyChart.config.main.nodeWidth = config2.nodeWidth;
|
|
13419
|
+
}
|
|
13420
|
+
if (config2.nodeHeight) {
|
|
13421
|
+
hierarchyChart.config.main.nodeHeight = config2.nodeHeight;
|
|
13422
|
+
}
|
|
13423
|
+
if (config2.chartHeight) {
|
|
13424
|
+
hierarchyChart.config.main.chartHeight = config2.chartHeight;
|
|
13425
|
+
}
|
|
13426
|
+
if (config2.lazyLoading) {
|
|
13427
|
+
hierarchyChart.config.main.lazyLoading = config2.lazyLoading === "YES" ? true : false;
|
|
13428
|
+
}
|
|
13429
|
+
return hierarchyChart;
|
|
13430
|
+
};
|
|
13363
13431
|
let schema = {
|
|
13364
13432
|
type: "object",
|
|
13365
13433
|
properties: {},
|
|
@@ -13523,6 +13591,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13523
13591
|
case "MetricCard":
|
|
13524
13592
|
elements = buildMetricCard(config2, componentScope2);
|
|
13525
13593
|
break;
|
|
13594
|
+
case "HierarchyChart":
|
|
13595
|
+
elements = buildHierarchyChart(config2, componentScope2);
|
|
13596
|
+
break;
|
|
13526
13597
|
case "Graph":
|
|
13527
13598
|
switch (config2.graphType) {
|
|
13528
13599
|
case "BarGraph":
|