impaktapps-ui-builder 0.0.962 → 0.0.963-CopyComponent.2
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 +147 -2
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +10 -10
- 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/build/uischema/tableSection.d.ts +21 -0
- package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
- 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/build/uischema/tableSection.ts +44 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +44 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +29 -0
- package/src/impaktapps-ui-builder/builder/services/pageMaster.ts +26 -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"),
|
|
@@ -7742,6 +7782,44 @@ const TableSection = (theme) => {
|
|
|
7742
7782
|
}
|
|
7743
7783
|
}
|
|
7744
7784
|
}
|
|
7785
|
+
},
|
|
7786
|
+
{
|
|
7787
|
+
header: "Copy",
|
|
7788
|
+
field: "Copy_Component2",
|
|
7789
|
+
flex: 1,
|
|
7790
|
+
widget: {
|
|
7791
|
+
type: "Control",
|
|
7792
|
+
scope: "#/properties/CopyComponent2",
|
|
7793
|
+
options: {
|
|
7794
|
+
widget: "IconButton"
|
|
7795
|
+
},
|
|
7796
|
+
config: {
|
|
7797
|
+
main: {
|
|
7798
|
+
icon: "FileCopyIcon",
|
|
7799
|
+
onClick: "CopyComponent",
|
|
7800
|
+
tooltipMessage: "Reject This Record"
|
|
7801
|
+
}
|
|
7802
|
+
}
|
|
7803
|
+
}
|
|
7804
|
+
},
|
|
7805
|
+
{
|
|
7806
|
+
header: "paste",
|
|
7807
|
+
field: "Paste_Component2",
|
|
7808
|
+
flex: 1,
|
|
7809
|
+
widget: {
|
|
7810
|
+
type: "Control",
|
|
7811
|
+
scope: "#/properties/PasteComponent2",
|
|
7812
|
+
options: {
|
|
7813
|
+
widget: "IconButton"
|
|
7814
|
+
},
|
|
7815
|
+
config: {
|
|
7816
|
+
main: {
|
|
7817
|
+
icon: "SendIcon",
|
|
7818
|
+
onClick: "PasteComponent",
|
|
7819
|
+
tooltipMessage: "Reject This Record"
|
|
7820
|
+
}
|
|
7821
|
+
}
|
|
7822
|
+
}
|
|
7745
7823
|
}
|
|
7746
7824
|
]
|
|
7747
7825
|
}
|
|
@@ -8163,6 +8241,26 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
8163
8241
|
const rowId = dynamicData2.path.split(".")[1];
|
|
8164
8242
|
sessionStorage.setItem("rowId", rowId);
|
|
8165
8243
|
store2.updateDialog("popUpEventSection");
|
|
8244
|
+
},
|
|
8245
|
+
CopyComponent: function() {
|
|
8246
|
+
var _a;
|
|
8247
|
+
const rowId = dynamicData2.path.split(".")[1];
|
|
8248
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8249
|
+
const updatedPath = path ? `${path}.elements[${rowId}]` : `elements[${rowId}]`;
|
|
8250
|
+
const formData = getFormdataFromSessionStorage(updatedPath);
|
|
8251
|
+
sessionStorage.setItem("copiedComponent", formData);
|
|
8252
|
+
},
|
|
8253
|
+
PasteComponent: function() {
|
|
8254
|
+
var _a;
|
|
8255
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8256
|
+
const rowId = dynamicData2.path.split(".")[1];
|
|
8257
|
+
const updatedPath = `${path}.elements[${rowId}]`;
|
|
8258
|
+
const formData = getFormdataFromSessionStorage(updatedPath);
|
|
8259
|
+
const insertComponentPath = formData.elements.length;
|
|
8260
|
+
const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
|
|
8261
|
+
const copiedData = sessionStorage.getItem("copiedComponent");
|
|
8262
|
+
saveFormdataInSessionStorage(copiedData, finalPath);
|
|
8263
|
+
sessionStorage.removeItem("copiedComponent");
|
|
8166
8264
|
}
|
|
8167
8265
|
};
|
|
8168
8266
|
};
|
|
@@ -8256,6 +8354,27 @@ var pageMaster = (funcParams) => {
|
|
|
8256
8354
|
const rowId = dynamicData2.path.split(".")[1];
|
|
8257
8355
|
sessionStorage.setItem("rowId", rowId);
|
|
8258
8356
|
store2.updateDialog("popUpPageMasterEvent");
|
|
8357
|
+
},
|
|
8358
|
+
CopyComponent: function() {
|
|
8359
|
+
var _a, _b;
|
|
8360
|
+
const rowId = dynamicData2.path.split(".")[1];
|
|
8361
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8362
|
+
(_b = store2.searchParams) == null ? void 0 : _b.get("id");
|
|
8363
|
+
const updatedPath = path ? `${path}.elements[${rowId}]` : `elements[${rowId}]`;
|
|
8364
|
+
const formData = getFormdataFromSessionStorage(updatedPath);
|
|
8365
|
+
sessionStorage.setItem("copiedComponent", formData);
|
|
8366
|
+
},
|
|
8367
|
+
PasteComponent: function() {
|
|
8368
|
+
var _a;
|
|
8369
|
+
const path = (_a = store2.searchParams) == null ? void 0 : _a.get("path");
|
|
8370
|
+
const rowId = dynamicData2.path.split(".")[1];
|
|
8371
|
+
const updatedPath = `${path}.elements[${rowId}]`;
|
|
8372
|
+
const formData = getFormdataFromSessionStorage(updatedPath);
|
|
8373
|
+
const insertComponentPath = formData.elements.length;
|
|
8374
|
+
const finalPath = `${updatedPath}.elements[${insertComponentPath}]`;
|
|
8375
|
+
const copiedData = sessionStorage.getItem("copiedComponent");
|
|
8376
|
+
saveFormdataInSessionStorage(copiedData, finalPath);
|
|
8377
|
+
sessionStorage.removeItem("copiedComponent");
|
|
8259
8378
|
}
|
|
8260
8379
|
};
|
|
8261
8380
|
};
|
|
@@ -10220,7 +10339,7 @@ const BarGraph = {
|
|
|
10220
10339
|
},
|
|
10221
10340
|
config: {
|
|
10222
10341
|
main: {},
|
|
10223
|
-
style: { containerStyle: {} }
|
|
10342
|
+
style: { containerStyle: {}, labelStyle: {} }
|
|
10224
10343
|
}
|
|
10225
10344
|
};
|
|
10226
10345
|
const PieGraph = {
|
|
@@ -10281,7 +10400,9 @@ const HorizontalBarGraph = {
|
|
|
10281
10400
|
main: {
|
|
10282
10401
|
type: "HorizontalBarGraph"
|
|
10283
10402
|
},
|
|
10284
|
-
style: {
|
|
10403
|
+
style: {
|
|
10404
|
+
labelStyle: {}
|
|
10405
|
+
}
|
|
10285
10406
|
}
|
|
10286
10407
|
};
|
|
10287
10408
|
const buildHorizontalBarGraph = (config, componentScope) => {
|
|
@@ -10315,6 +10436,14 @@ const buildHorizontalBarGraph = (config, componentScope) => {
|
|
|
10315
10436
|
if (config.leftLabel) {
|
|
10316
10437
|
horizontalBarGraph.config.main.leftLabel = config.leftLabel;
|
|
10317
10438
|
}
|
|
10439
|
+
if (config.leftLabelMargin) {
|
|
10440
|
+
horizontalBarGraph.config.style.labelStyle.margin = {
|
|
10441
|
+
left: config.leftLabelMargin
|
|
10442
|
+
};
|
|
10443
|
+
}
|
|
10444
|
+
if (config.leftLabelOffset) {
|
|
10445
|
+
horizontalBarGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
10446
|
+
}
|
|
10318
10447
|
return horizontalBarGraph;
|
|
10319
10448
|
};
|
|
10320
10449
|
var SpeedoMeter = {
|
|
@@ -10467,6 +10596,14 @@ const buildStackbarGraph = (config, componentScope) => {
|
|
|
10467
10596
|
if (config.leftLabel) {
|
|
10468
10597
|
barGraph.config.main.leftLabel = config.leftLabel;
|
|
10469
10598
|
}
|
|
10599
|
+
if (config.leftLabelMargin) {
|
|
10600
|
+
barGraph.config.style.labelStyle.margin = {
|
|
10601
|
+
left: config.leftLabelMargin
|
|
10602
|
+
};
|
|
10603
|
+
}
|
|
10604
|
+
if (config.leftLabelOffset) {
|
|
10605
|
+
barGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
10606
|
+
}
|
|
10470
10607
|
barGraph.scope = componentScope;
|
|
10471
10608
|
return barGraph;
|
|
10472
10609
|
};
|
|
@@ -11315,6 +11452,14 @@ const buildLineGraph = (config, componentScope) => {
|
|
|
11315
11452
|
if (config.pieArcColors) {
|
|
11316
11453
|
lineGraph.config.style.lineStyle.colorRange = flatObjectValueInArray(config.pieArcColors);
|
|
11317
11454
|
}
|
|
11455
|
+
if (config.leftLabelMargin) {
|
|
11456
|
+
lineGraph.config.style.labelStyle.margin = {
|
|
11457
|
+
left: config.leftLabelMargin
|
|
11458
|
+
};
|
|
11459
|
+
}
|
|
11460
|
+
if (config.leftLabelOffset) {
|
|
11461
|
+
lineGraph.config.style.labelStyle.leftLabelOffset = config.leftLabelOffset;
|
|
11462
|
+
}
|
|
11318
11463
|
lineGraph.scope = componentScope;
|
|
11319
11464
|
return lineGraph;
|
|
11320
11465
|
};
|