impaktapps-ui-builder 0.0.99 → 0.0.100
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 +20 -66
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +9 -9
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +1 -24
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +0 -16
- package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +0 -13
- package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +0 -14
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -4
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +1 -4
- package/src/impaktapps-ui-builder/runtime/services/events.ts +2 -2
- package/src/impaktapps-ui-builder/runtime/services/service.ts +47 -48
|
@@ -7321,7 +7321,7 @@ const buildWrapper = (label, elements) => {
|
|
|
7321
7321
|
width: "108%"
|
|
7322
7322
|
},
|
|
7323
7323
|
componentsBoxStyle: {
|
|
7324
|
-
marginLeft: "
|
|
7324
|
+
marginLeft: "24px"
|
|
7325
7325
|
},
|
|
7326
7326
|
defaultStyle: true
|
|
7327
7327
|
},
|
|
@@ -7538,9 +7538,7 @@ const buildPropertiesSection = function(type) {
|
|
|
7538
7538
|
getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
|
|
7539
7539
|
getInputField("yAxisValue", "Y-AxisValue"),
|
|
7540
7540
|
getInputField("xAxisValue", "X-AxisValue"),
|
|
7541
|
-
|
|
7542
|
-
getInputField("leftMargin", "Left Margin"),
|
|
7543
|
-
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 8, lg: 8 }),
|
|
7541
|
+
emptyBox$1("GraphEmpty2"),
|
|
7544
7542
|
getArrayControl("legendLabels", "label"),
|
|
7545
7543
|
getArrayControl("pieArcColors", "color")
|
|
7546
7544
|
];
|
|
@@ -9271,7 +9269,7 @@ function executeCustomHandler(params) {
|
|
|
9271
9269
|
}
|
|
9272
9270
|
}
|
|
9273
9271
|
function mergeFormdata(handlerResponse, componentName, eventConfig, store2, service2, formDataHolder) {
|
|
9274
|
-
if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)
|
|
9272
|
+
if (eventConfig.type === "Select" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
9275
9273
|
store2.setSchema((pre) => {
|
|
9276
9274
|
var _a;
|
|
9277
9275
|
return {
|
|
@@ -9285,7 +9283,7 @@ function mergeFormdata(handlerResponse, componentName, eventConfig, store2, serv
|
|
|
9285
9283
|
}
|
|
9286
9284
|
};
|
|
9287
9285
|
});
|
|
9288
|
-
} else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)
|
|
9286
|
+
} else if (eventConfig.type === "MultipleSelect" && (handlerResponse == null ? void 0 : handlerResponse.data)) {
|
|
9289
9287
|
store2.setSchema((pre) => {
|
|
9290
9288
|
var _a;
|
|
9291
9289
|
return {
|
|
@@ -9468,7 +9466,7 @@ var service = (funcParams) => {
|
|
|
9468
9466
|
};
|
|
9469
9467
|
return {
|
|
9470
9468
|
setPage: async function() {
|
|
9471
|
-
var _a, _b, _c, _d;
|
|
9469
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
|
|
9472
9470
|
funcParams.store.setFormdata({});
|
|
9473
9471
|
funcParams.store.newData = {};
|
|
9474
9472
|
const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
|
|
@@ -9500,7 +9498,6 @@ var service = (funcParams) => {
|
|
|
9500
9498
|
flexDirection: "row",
|
|
9501
9499
|
position: "absolute",
|
|
9502
9500
|
bottom: 0,
|
|
9503
|
-
marginBottom: "-8px",
|
|
9504
9501
|
height: "fit-content",
|
|
9505
9502
|
overflow: "hidden",
|
|
9506
9503
|
zIndex: 1e3,
|
|
@@ -9519,7 +9516,7 @@ var service = (funcParams) => {
|
|
|
9519
9516
|
heading: "Copywriter@ACT21.IO"
|
|
9520
9517
|
},
|
|
9521
9518
|
style: {
|
|
9522
|
-
color: ((_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text.disabled) || "#AFAFAF",
|
|
9519
|
+
color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
|
|
9523
9520
|
fontSize: "12px",
|
|
9524
9521
|
textAlign: "center",
|
|
9525
9522
|
lineHeight: 2,
|
|
@@ -9529,13 +9526,13 @@ var service = (funcParams) => {
|
|
|
9529
9526
|
margin: 0,
|
|
9530
9527
|
flexGrow: 1,
|
|
9531
9528
|
height: 0,
|
|
9532
|
-
transform: "translate(-50%,0%)"
|
|
9529
|
+
transform: "translate(-50%, 0%)"
|
|
9533
9530
|
}
|
|
9534
9531
|
}
|
|
9535
9532
|
},
|
|
9536
9533
|
{
|
|
9537
9534
|
type: "Control",
|
|
9538
|
-
scope: "#/properties/
|
|
9535
|
+
scope: "#/properties/FooterBackIcon",
|
|
9539
9536
|
options: {
|
|
9540
9537
|
widget: "Box"
|
|
9541
9538
|
},
|
|
@@ -9546,24 +9543,24 @@ var service = (funcParams) => {
|
|
|
9546
9543
|
width: "fit-content"
|
|
9547
9544
|
},
|
|
9548
9545
|
style: {
|
|
9549
|
-
fill: theme.palette.primary.main,
|
|
9546
|
+
fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
|
|
9550
9547
|
width: 20,
|
|
9551
9548
|
height: 0,
|
|
9552
|
-
margin: 0,
|
|
9553
9549
|
top: 0,
|
|
9554
9550
|
right: { xs: "12px", sm: "84px" },
|
|
9555
9551
|
position: "absolute",
|
|
9556
9552
|
fontSize: "12px",
|
|
9557
9553
|
cursor: "pointer",
|
|
9558
9554
|
":hover": {
|
|
9559
|
-
fill: theme.palette.primary.dark
|
|
9560
|
-
}
|
|
9555
|
+
fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
|
|
9556
|
+
},
|
|
9557
|
+
marginRight: "13px"
|
|
9561
9558
|
}
|
|
9562
9559
|
}
|
|
9563
9560
|
},
|
|
9564
9561
|
{
|
|
9565
9562
|
type: "Control",
|
|
9566
|
-
scope: "#/properties/
|
|
9563
|
+
scope: "#/properties/FooterBackHandlerText",
|
|
9567
9564
|
options: {
|
|
9568
9565
|
widget: "Box"
|
|
9569
9566
|
},
|
|
@@ -9578,24 +9575,24 @@ var service = (funcParams) => {
|
|
|
9578
9575
|
lineHeight: 1,
|
|
9579
9576
|
height: 0,
|
|
9580
9577
|
width: "fit-content",
|
|
9581
|
-
color: theme.palette.primary.main,
|
|
9582
|
-
fontSize: "
|
|
9578
|
+
color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
|
|
9579
|
+
fontSize: "14px",
|
|
9583
9580
|
cursor: "pointer",
|
|
9584
9581
|
marginLeft: "2px",
|
|
9585
|
-
marginRight: 0,
|
|
9586
9582
|
top: 3,
|
|
9587
9583
|
right: "12px",
|
|
9588
9584
|
position: "absolute",
|
|
9589
9585
|
":hover": {
|
|
9590
|
-
color: theme.palette.primary.dark
|
|
9591
|
-
}
|
|
9586
|
+
color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
|
|
9587
|
+
},
|
|
9588
|
+
marginRight: "4px"
|
|
9592
9589
|
}
|
|
9593
9590
|
}
|
|
9594
9591
|
}
|
|
9595
9592
|
]
|
|
9596
9593
|
}
|
|
9597
9594
|
);
|
|
9598
|
-
const schema2 = (
|
|
9595
|
+
const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
|
|
9599
9596
|
eventGroups = extractEvents(config);
|
|
9600
9597
|
executeEventsParameters = {
|
|
9601
9598
|
config: {},
|
|
@@ -10222,7 +10219,6 @@ const BarGraph = {
|
|
|
10222
10219
|
widget: "Graph"
|
|
10223
10220
|
},
|
|
10224
10221
|
config: {
|
|
10225
|
-
layout: { xs: 12, sm: 12, md: 12, lg: 6 },
|
|
10226
10222
|
main: {},
|
|
10227
10223
|
style: { containerStyle: {} }
|
|
10228
10224
|
}
|
|
@@ -10234,7 +10230,6 @@ const PieGraph = {
|
|
|
10234
10230
|
widget: "Graph"
|
|
10235
10231
|
},
|
|
10236
10232
|
config: {
|
|
10237
|
-
layout: { xs: 12, sm: 12, md: 12, lg: 6 },
|
|
10238
10233
|
main: {
|
|
10239
10234
|
type: "PieGraph"
|
|
10240
10235
|
},
|
|
@@ -10248,7 +10243,7 @@ const LineGraph = {
|
|
|
10248
10243
|
widget: "Graph"
|
|
10249
10244
|
},
|
|
10250
10245
|
config: {
|
|
10251
|
-
layout:
|
|
10246
|
+
layout: 12,
|
|
10252
10247
|
main: {
|
|
10253
10248
|
type: "LineGraph",
|
|
10254
10249
|
header: "Quartely Incentive in Thousand",
|
|
@@ -10283,7 +10278,6 @@ const HorizontalBarGraph = {
|
|
|
10283
10278
|
widget: "Graph"
|
|
10284
10279
|
},
|
|
10285
10280
|
config: {
|
|
10286
|
-
layout: { xs: 12, sm: 12, md: 12, lg: 6 },
|
|
10287
10281
|
main: {
|
|
10288
10282
|
type: "HorizontalBarGraph"
|
|
10289
10283
|
},
|
|
@@ -10299,12 +10293,6 @@ const buildHorizontalBarGraph = (config, componentScope) => {
|
|
|
10299
10293
|
horizontalBarGraph.config.main.type = config.graphType;
|
|
10300
10294
|
horizontalBarGraph.scope = componentScope;
|
|
10301
10295
|
horizontalBarGraph.config.main.header = config.heading;
|
|
10302
|
-
if (config.legendHide) {
|
|
10303
|
-
horizontalBarGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
|
|
10304
|
-
}
|
|
10305
|
-
if (config.bottomAxisAngle) {
|
|
10306
|
-
horizontalBarGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
|
|
10307
|
-
}
|
|
10308
10296
|
if (config.barColor) {
|
|
10309
10297
|
horizontalBarGraph.config.barStyle.color = config.barColor;
|
|
10310
10298
|
}
|
|
@@ -10321,15 +10309,6 @@ const buildHorizontalBarGraph = (config, componentScope) => {
|
|
|
10321
10309
|
}
|
|
10322
10310
|
};
|
|
10323
10311
|
}
|
|
10324
|
-
if (config.leftMargin) {
|
|
10325
|
-
horizontalBarGraph.config.style = {
|
|
10326
|
-
labelStyle: {
|
|
10327
|
-
margin: {
|
|
10328
|
-
left: config.leftMargin
|
|
10329
|
-
}
|
|
10330
|
-
}
|
|
10331
|
-
};
|
|
10332
|
-
}
|
|
10333
10312
|
if (config.bottomLabel) {
|
|
10334
10313
|
horizontalBarGraph.config.main.bottomLabel = config.bottomLabel;
|
|
10335
10314
|
}
|
|
@@ -10470,10 +10449,6 @@ const buildStackbarGraph = (config, componentScope) => {
|
|
|
10470
10449
|
}
|
|
10471
10450
|
if (config.legendHide) {
|
|
10472
10451
|
barGraph.config.main.legendAvailable = config.legendHide;
|
|
10473
|
-
barGraph.config.main.legendAvailable = config.legendHide === "YES" ? false : true;
|
|
10474
|
-
}
|
|
10475
|
-
if (config.bottomAxisAngle) {
|
|
10476
|
-
barGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
|
|
10477
10452
|
}
|
|
10478
10453
|
barGraph.config.main.type = config.graphType;
|
|
10479
10454
|
barGraph.config.main.header = config.heading;
|
|
@@ -10486,15 +10461,6 @@ const buildStackbarGraph = (config, componentScope) => {
|
|
|
10486
10461
|
if (config.height) {
|
|
10487
10462
|
barGraph.config.style.containerStyle.height = config.height;
|
|
10488
10463
|
}
|
|
10489
|
-
if (config.leftMargin) {
|
|
10490
|
-
barGraph.config.style = {
|
|
10491
|
-
labelStyle: {
|
|
10492
|
-
margin: {
|
|
10493
|
-
left: config.leftMargin
|
|
10494
|
-
}
|
|
10495
|
-
}
|
|
10496
|
-
};
|
|
10497
|
-
}
|
|
10498
10464
|
if (config.bottomLabel) {
|
|
10499
10465
|
barGraph.config.main.bottomLabel = config.bottomLabel;
|
|
10500
10466
|
}
|
|
@@ -11331,15 +11297,6 @@ const buildLineGraph = (config, componentScope) => {
|
|
|
11331
11297
|
if (config.height) {
|
|
11332
11298
|
lineGraph.config.style.containerStyle.height = config.height;
|
|
11333
11299
|
}
|
|
11334
|
-
if (config.leftMargin) {
|
|
11335
|
-
lineGraph.config.style = {
|
|
11336
|
-
labelStyle: {
|
|
11337
|
-
margin: {
|
|
11338
|
-
left: config.leftMargin
|
|
11339
|
-
}
|
|
11340
|
-
}
|
|
11341
|
-
};
|
|
11342
|
-
}
|
|
11343
11300
|
if (config.bottomLabel) {
|
|
11344
11301
|
lineGraph.config.main.bottomLabel = config.bottomLabel;
|
|
11345
11302
|
}
|
|
@@ -11355,9 +11312,6 @@ const buildLineGraph = (config, componentScope) => {
|
|
|
11355
11312
|
if (config.legendHide) {
|
|
11356
11313
|
lineGraph.config.main.legendAvailabe = config.legendHide === "YES" ? false : true;
|
|
11357
11314
|
}
|
|
11358
|
-
if (config.bottomAxisAngle) {
|
|
11359
|
-
lineGraph.config.main.bottomAxisAngle = config.bottomAxisAngle === "YES" ? true : false;
|
|
11360
|
-
}
|
|
11361
11315
|
if (config.legendLabels) {
|
|
11362
11316
|
lineGraph.config.main.tooltipDataKey = flatObjectValueInArray(config.legendLabels);
|
|
11363
11317
|
}
|