impaktapps-ui-builder 0.0.962 → 0.0.963-CopyComponent.1
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 +88 -2
- 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/uischema/graph.d.ts +4 -1
- package/dist/src/impaktapps-ui-builder/builder/services/pageMaster.d.ts +2 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalBarGraph.ts +43 -38
- package/src/impaktapps-ui-builder/builder/build/buildLineGraph.ts +9 -0
- package/src/impaktapps-ui-builder/builder/build/buildStackBarGraph.ts +9 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +2 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +2 -2
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +44 -1
- package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +25 -0
|
@@ -224,6 +224,44 @@ const PageMasterUiSchema = (theme) => {
|
|
|
224
224
|
}
|
|
225
225
|
}
|
|
226
226
|
}
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
header: "Copy",
|
|
230
|
+
field: "Copy_Component",
|
|
231
|
+
flex: 1,
|
|
232
|
+
widget: {
|
|
233
|
+
type: "Control",
|
|
234
|
+
scope: "#/properties/CopyComponent",
|
|
235
|
+
options: {
|
|
236
|
+
widget: "IconButton"
|
|
237
|
+
},
|
|
238
|
+
config: {
|
|
239
|
+
main: {
|
|
240
|
+
icon: "FileCopyIcon",
|
|
241
|
+
onClick: "CopyComponent",
|
|
242
|
+
tooltipMessage: "Reject This Record"
|
|
243
|
+
}
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
header: "paste",
|
|
249
|
+
field: "Paste_Component",
|
|
250
|
+
flex: 1,
|
|
251
|
+
widget: {
|
|
252
|
+
type: "Control",
|
|
253
|
+
scope: "#/properties/PasteComponent",
|
|
254
|
+
options: {
|
|
255
|
+
widget: "IconButton"
|
|
256
|
+
},
|
|
257
|
+
config: {
|
|
258
|
+
main: {
|
|
259
|
+
icon: "SendIcon",
|
|
260
|
+
onClick: "PasteComponent",
|
|
261
|
+
tooltipMessage: "Reject This Record"
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
}
|
|
227
265
|
}
|
|
228
266
|
]
|
|
229
267
|
},
|
|
@@ -7534,6 +7572,8 @@ const buildPropertiesSection = function(type) {
|
|
|
7534
7572
|
getSelectField("graphType", "Graph Type"),
|
|
7535
7573
|
getInputField("leftLabel", "Left Label"),
|
|
7536
7574
|
getInputField("bottomLabel", "Bottom Label"),
|
|
7575
|
+
getInputField("leftLabelMargin", "Left Label Margin"),
|
|
7576
|
+
getInputField("leftLabelOffset", "Left Label Offset"),
|
|
7537
7577
|
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
7538
7578
|
getRadioInputField("legendHide", "Legend Hide", ["YES", "No"]),
|
|
7539
7579
|
getInputField("yAxisValue", "Y-AxisValue"),
|
|
@@ -8256,6 +8296,26 @@ var pageMaster = (funcParams) => {
|
|
|
8256
8296
|
const rowId = dynamicData2.path.split(".")[1];
|
|
8257
8297
|
sessionStorage.setItem("rowId", rowId);
|
|
8258
8298
|
store2.updateDialog("popUpPageMasterEvent");
|
|
8299
|
+
},
|
|
8300
|
+
CopyComponent: function() {
|
|
8301
|
+
var _a, _b;
|
|
8302
|
+
dynamicData2.path.split(".")[1];
|
|
8303
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8304
|
+
(_b = store2.searchParams) == null ? void 0 : _b.get("id");
|
|
8305
|
+
const formData = getFormdataFromSessionStorage(path);
|
|
8306
|
+
sessionStorage.setItem("copiedComponent", formData);
|
|
8307
|
+
},
|
|
8308
|
+
PasteComponent: function() {
|
|
8309
|
+
var _a;
|
|
8310
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8311
|
+
const rowId = dynamicData2.path.split(".")[1];
|
|
8312
|
+
const updatedPath = `${path}.elements[${rowId}]`;
|
|
8313
|
+
const formData = getFormdataFromSessionStorage(updatedPath);
|
|
8314
|
+
const insertComponentPath = formData.elements.length;
|
|
8315
|
+
const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
|
|
8316
|
+
const copiedData = sessionStorage.getItem("copiedComponent");
|
|
8317
|
+
saveFormdataInSessionStorage(copiedData, finalPath);
|
|
8318
|
+
sessionStorage.removeItem("copiedComponent");
|
|
8259
8319
|
}
|
|
8260
8320
|
};
|
|
8261
8321
|
};
|
|
@@ -10220,7 +10280,7 @@ const BarGraph = {
|
|
|
10220
10280
|
},
|
|
10221
10281
|
config: {
|
|
10222
10282
|
main: {},
|
|
10223
|
-
style: { containerStyle: {} }
|
|
10283
|
+
style: { containerStyle: {}, labelStyle: {} }
|
|
10224
10284
|
}
|
|
10225
10285
|
};
|
|
10226
10286
|
const PieGraph = {
|
|
@@ -10281,7 +10341,9 @@ const HorizontalBarGraph = {
|
|
|
10281
10341
|
main: {
|
|
10282
10342
|
type: "HorizontalBarGraph"
|
|
10283
10343
|
},
|
|
10284
|
-
style: {
|
|
10344
|
+
style: {
|
|
10345
|
+
labelStyle: {}
|
|
10346
|
+
}
|
|
10285
10347
|
}
|
|
10286
10348
|
};
|
|
10287
10349
|
const buildHorizontalBarGraph = (config, componentScope) => {
|
|
@@ -10315,6 +10377,14 @@ const buildHorizontalBarGraph = (config, componentScope) => {
|
|
|
10315
10377
|
if (config.leftLabel) {
|
|
10316
10378
|
horizontalBarGraph.config.main.leftLabel = config.leftLabel;
|
|
10317
10379
|
}
|
|
10380
|
+
if (config.leftLabelMargin) {
|
|
10381
|
+
horizontalBarGraph.config.style.labelStyle.margin = {
|
|
10382
|
+
left: config.leftLabelMargin
|
|
10383
|
+
};
|
|
10384
|
+
}
|
|
10385
|
+
if (config.leftLabelOffset) {
|
|
10386
|
+
horizontalBarGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
10387
|
+
}
|
|
10318
10388
|
return horizontalBarGraph;
|
|
10319
10389
|
};
|
|
10320
10390
|
var SpeedoMeter = {
|
|
@@ -10467,6 +10537,14 @@ const buildStackbarGraph = (config, componentScope) => {
|
|
|
10467
10537
|
if (config.leftLabel) {
|
|
10468
10538
|
barGraph.config.main.leftLabel = config.leftLabel;
|
|
10469
10539
|
}
|
|
10540
|
+
if (config.leftLabelMargin) {
|
|
10541
|
+
barGraph.config.style.labelStyle.margin = {
|
|
10542
|
+
left: config.leftLabelMargin
|
|
10543
|
+
};
|
|
10544
|
+
}
|
|
10545
|
+
if (config.leftLabelOffset) {
|
|
10546
|
+
barGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
10547
|
+
}
|
|
10470
10548
|
barGraph.scope = componentScope;
|
|
10471
10549
|
return barGraph;
|
|
10472
10550
|
};
|
|
@@ -11315,6 +11393,14 @@ const buildLineGraph = (config, componentScope) => {
|
|
|
11315
11393
|
if (config.pieArcColors) {
|
|
11316
11394
|
lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
|
|
11317
11395
|
}
|
|
11396
|
+
if (config.leftLabelMargin) {
|
|
11397
|
+
lineGraph.config.style.labelStyle.margin = {
|
|
11398
|
+
left: config.leftLabelMargin
|
|
11399
|
+
};
|
|
11400
|
+
}
|
|
11401
|
+
if (config.leftLabelOffset) {
|
|
11402
|
+
lineGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
11403
|
+
}
|
|
11318
11404
|
lineGraph.scope = componentScope;
|
|
11319
11405
|
return lineGraph;
|
|
11320
11406
|
};
|