impaktapps-ui-builder 1.0.307 → 1.0.309
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 +11 -94
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +12 -6
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/graph.d.ts +0 -25
- package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +0 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildAreaGraph.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +0 -4
- package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +0 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +0 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -6
- package/src/impaktapps-ui-builder/builder/build/uischema/graph.ts +0 -16
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +0 -1
- package/src/impaktapps-ui-builder/builder/services/component.ts +4 -4
- package/src/impaktapps-ui-builder/builder/services/event.ts +2 -3
- package/dist/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.d.ts +0 -2
- package/src/impaktapps-ui-builder/builder/build/buildStackBarLineGraph.ts +0 -66
|
@@ -6656,8 +6656,7 @@ const ComponentSchema = {
|
|
|
6656
6656
|
title: "Stack Horizontal Bar Graph",
|
|
6657
6657
|
const: "HorizontalStackBarGraph"
|
|
6658
6658
|
},
|
|
6659
|
-
{ title: "Area Graph", const: "AreaGraph" }
|
|
6660
|
-
{ title: "StackBar And Line Graph", const: "StackBarLineGraph" }
|
|
6659
|
+
{ title: "Area Graph", const: "AreaGraph" }
|
|
6661
6660
|
]
|
|
6662
6661
|
},
|
|
6663
6662
|
iconName: {
|
|
@@ -8191,7 +8190,6 @@ const buildPropertiesSection = function(type) {
|
|
|
8191
8190
|
getInputField("subHeader", "Sub Header"),
|
|
8192
8191
|
getSelectField("graphType", "Graph Type"),
|
|
8193
8192
|
getInputField("leftLabel", "Left Label"),
|
|
8194
|
-
getInputField("rightLabel", "Right Label"),
|
|
8195
8193
|
getRadioInputField("disableLeftLabel", "Disable Left Label", ["YES", "No"]),
|
|
8196
8194
|
getInputField("bottomLabel", "Bottom Label"),
|
|
8197
8195
|
emptyBox$1("GraphEmpty1", { xs: 6, sm: 0, md: 0, lg: 0 }),
|
|
@@ -8202,7 +8200,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8202
8200
|
getSelectField("xAxisType", "X-AxisType"),
|
|
8203
8201
|
getRadioInputField("bottomAxisAngle", "Bottom Axis Angled", ["YES", "No"]),
|
|
8204
8202
|
getInputField("leftMargin", "Left Margin"),
|
|
8205
|
-
getInputField("
|
|
8203
|
+
getInputField("xAxisTickCount", "X Axis TickCount"),
|
|
8206
8204
|
getInputField("yAxisTickCount", "Y Axis TickCount"),
|
|
8207
8205
|
getSelectField("xAxisFormatType", "X Axis Format Type"),
|
|
8208
8206
|
emptyBox$1("GraphEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
@@ -8219,9 +8217,7 @@ const buildPropertiesSection = function(type) {
|
|
|
8219
8217
|
getInputField("rowSpacing", "Row Spacing"),
|
|
8220
8218
|
getInputField("columnSpacing", "Column Spacing"),
|
|
8221
8219
|
getInputField("spacing", "Spacing"),
|
|
8222
|
-
|
|
8223
|
-
emptyBox$1("WrapperSectionEmpty1", { xs: 0, sm: 0, md: 4, lg: 6 }),
|
|
8224
|
-
emptyBox$1("WrapperSectionEmpty2")
|
|
8220
|
+
emptyBox$1("WrapperSectionEmpty1", { xs: 6, sm: 0, md: 4, lg: 3 })
|
|
8225
8221
|
];
|
|
8226
8222
|
break;
|
|
8227
8223
|
case "TabSection":
|
|
@@ -8961,8 +8957,8 @@ function refreshPage(type, store2, formdata) {
|
|
|
8961
8957
|
Validation: ValidationSection
|
|
8962
8958
|
};
|
|
8963
8959
|
const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
|
|
8964
|
-
if (!(formdata == null ? void 0 : formdata.
|
|
8965
|
-
store2.setFormdata((prev) => ({ ...prev, style: {} }));
|
|
8960
|
+
if (!(formdata == null ? void 0 : formdata.style)) {
|
|
8961
|
+
store2.setFormdata((prev) => ({ ...prev, style: "{\n}" }));
|
|
8966
8962
|
}
|
|
8967
8963
|
UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
|
|
8968
8964
|
UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
|
|
@@ -9094,7 +9090,7 @@ function refreshPage(type, store2, formdata) {
|
|
|
9094
9090
|
}
|
|
9095
9091
|
store2.setUiSchema(UiSchema);
|
|
9096
9092
|
}
|
|
9097
|
-
const
|
|
9093
|
+
const debouncedScopeNameValidator = _.debounce((store2, newName) => {
|
|
9098
9094
|
if (doesScopeNameExist(newName)) {
|
|
9099
9095
|
store2.setValidation("ValidateAndShow");
|
|
9100
9096
|
store2.setNotify({
|
|
@@ -9160,7 +9156,7 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
9160
9156
|
this.refreshPage((_d = store2 == null ? void 0 : store2.newData) == null ? void 0 : _d.type, store2);
|
|
9161
9157
|
}
|
|
9162
9158
|
if (((_e = store2 == null ? void 0 : store2.formData) == null ? void 0 : _e.name) !== ((_f = store2 == null ? void 0 : store2.newData) == null ? void 0 : _f.name) && ((_g = store2 == null ? void 0 : store2.newData) == null ? void 0 : _g.name) !== void 0) {
|
|
9163
|
-
|
|
9159
|
+
debouncedScopeNameValidator(store2, store2.newData.name);
|
|
9164
9160
|
}
|
|
9165
9161
|
},
|
|
9166
9162
|
editComponents: function() {
|
|
@@ -10264,7 +10260,6 @@ const refreshSectionUiSchema = {
|
|
|
10264
10260
|
}
|
|
10265
10261
|
]
|
|
10266
10262
|
};
|
|
10267
|
-
const boilerplate = "(store, dynamicData, user, body, service) => {\n}";
|
|
10268
10263
|
var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
10269
10264
|
return {
|
|
10270
10265
|
setPage: async function() {
|
|
@@ -10304,7 +10299,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10304
10299
|
false
|
|
10305
10300
|
);
|
|
10306
10301
|
if (!(formdata == null ? void 0 : formdata.eventCode)) {
|
|
10307
|
-
store22.setFormdata((prev) => ({ ...prev, eventCode:
|
|
10302
|
+
store22.setFormdata((prev) => ({ ...prev, eventCode: "async (store, dynamicData, user, parentEventOutput, service, componentName) => {\n\n\n}" }));
|
|
10308
10303
|
}
|
|
10309
10304
|
schema2.required = ["eventType", "Handler", "eventCode"];
|
|
10310
10305
|
} else if (handlerType === "api") {
|
|
@@ -10316,7 +10311,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
|
|
|
10316
10311
|
});
|
|
10317
10312
|
uiSchema.elements[0].elements[0].elements[3] = APISection;
|
|
10318
10313
|
if (!(formdata == null ? void 0 : formdata.apiBody)) {
|
|
10319
|
-
store22.setFormdata((prev) => ({ ...prev, apiBody:
|
|
10314
|
+
store22.setFormdata((prev) => ({ ...prev, apiBody: "(store, dynamicData, user, body, service) => {\n\n\n}" }));
|
|
10320
10315
|
}
|
|
10321
10316
|
schema2.required = ["eventType", "Handler", "method", "path"];
|
|
10322
10317
|
} else if (handlerType === "inBuiltFunction") {
|
|
@@ -11332,21 +11327,6 @@ const AreaBarGraph = {
|
|
|
11332
11327
|
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11333
11328
|
}
|
|
11334
11329
|
};
|
|
11335
|
-
const StackBarLineG = {
|
|
11336
|
-
type: "Control",
|
|
11337
|
-
scope: "#/properties/graph",
|
|
11338
|
-
options: {
|
|
11339
|
-
widget: "Graph"
|
|
11340
|
-
},
|
|
11341
|
-
config: {
|
|
11342
|
-
layout: { xs: 12, sm: 12, md: 12, lg: 12 },
|
|
11343
|
-
main: {
|
|
11344
|
-
type: "StackBarLineGraph",
|
|
11345
|
-
legendLabels: null
|
|
11346
|
-
},
|
|
11347
|
-
style: { containerStyle: {}, labelStyle: { margin: {} } }
|
|
11348
|
-
}
|
|
11349
|
-
};
|
|
11350
11330
|
const buildHorizontalBarGraph = (config2, componentScope2) => {
|
|
11351
11331
|
const horizontalBarGraph = _.cloneDeep(HorizontalBarGraph);
|
|
11352
11332
|
horizontalBarGraph.scope = componentScope2;
|
|
@@ -11631,7 +11611,6 @@ const buildWrapperSection = (config2, componentScope2) => {
|
|
|
11631
11611
|
wrapper.config.main.divider = config2.divider === "YES" ? true : false;
|
|
11632
11612
|
wrapper.config.main.isAccordion = config2.isAccordion === "No" ? false : true;
|
|
11633
11613
|
wrapper.config.main.defaultClosed = config2.defaultClosed === "YES" ? true : false;
|
|
11634
|
-
wrapper.config.main.icon = config2.iconUrl;
|
|
11635
11614
|
wrapper.config.main.rowSpacing = Number(config2.rowSpacing);
|
|
11636
11615
|
wrapper.config.main.columnSpacing = Number(config2.columnSpacing);
|
|
11637
11616
|
wrapper.config.main.spacing = Number(config2.spacing);
|
|
@@ -13115,8 +13094,8 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13115
13094
|
if (config2.xAxisFormatType) {
|
|
13116
13095
|
AreaGraph.config.main.xAxisFormatType = config2.xAxisFormatType;
|
|
13117
13096
|
}
|
|
13118
|
-
if (config2.
|
|
13119
|
-
AreaGraph.config.main.
|
|
13097
|
+
if (config2.xAxisTickCount) {
|
|
13098
|
+
AreaGraph.config.main.xAxisTickCount = config2.xAxisTickCount;
|
|
13120
13099
|
}
|
|
13121
13100
|
if (config2.yAxisTickCount) {
|
|
13122
13101
|
AreaGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
@@ -13143,65 +13122,6 @@ const buildAreaGraph = (config2, componentScope2) => {
|
|
|
13143
13122
|
}
|
|
13144
13123
|
return AreaGraph;
|
|
13145
13124
|
};
|
|
13146
|
-
const buildStackBarLineGraph = (config2, componentScope2) => {
|
|
13147
|
-
const StackBarLineGraph = _.cloneDeep(StackBarLineG);
|
|
13148
|
-
StackBarLineGraph.scope = componentScope2;
|
|
13149
|
-
if (config2.layout) {
|
|
13150
|
-
StackBarLineGraph.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
13151
|
-
}
|
|
13152
|
-
StackBarLineGraph.config.main.type = config2.graphType;
|
|
13153
|
-
StackBarLineGraph.scope = componentScope2;
|
|
13154
|
-
StackBarLineGraph.config.main.header = config2.heading;
|
|
13155
|
-
StackBarLineGraph.config.main.subHeader = config2.subHeader;
|
|
13156
|
-
if (config2.legendHide) {
|
|
13157
|
-
StackBarLineGraph.config.main.legendAvailable = config2.legendHide === "YES" ? false : true;
|
|
13158
|
-
}
|
|
13159
|
-
if (config2.bottomAxisAngle) {
|
|
13160
|
-
StackBarLineGraph.config.main.bottomAxisAngle = config2.bottomAxisAngle === "YES" ? true : false;
|
|
13161
|
-
}
|
|
13162
|
-
if (config2.legendLabels) {
|
|
13163
|
-
StackBarLineGraph.config.main.legendLabels = createKeyValueMap(config2.legendLabels);
|
|
13164
|
-
}
|
|
13165
|
-
if (config2.legendDirection) {
|
|
13166
|
-
StackBarLineGraph.config.main.legendDirection = config2.legendDirection === "Row" ? "row" : "column";
|
|
13167
|
-
}
|
|
13168
|
-
if (config2.height) {
|
|
13169
|
-
StackBarLineGraph.config.style.containerStyle.height = config2.height;
|
|
13170
|
-
}
|
|
13171
|
-
if (config2.pieArcColors) {
|
|
13172
|
-
StackBarLineGraph.config.style.colorMap = createKeyValueMap(config2.pieArcColors);
|
|
13173
|
-
}
|
|
13174
|
-
if (config2.xAxisLabelMinWidth) {
|
|
13175
|
-
StackBarLineGraph.config.main.xAxisLabelMinWidth = config2.xAxisLabelMinWidth;
|
|
13176
|
-
}
|
|
13177
|
-
if (config2.yAxisTickCount) {
|
|
13178
|
-
StackBarLineGraph.config.main.yAxisTickCount = config2.yAxisTickCount;
|
|
13179
|
-
}
|
|
13180
|
-
if (config2.xAxisValue) {
|
|
13181
|
-
StackBarLineGraph.config.main.xAxisValue = config2.xAxisValue;
|
|
13182
|
-
}
|
|
13183
|
-
if (config2.xAxisType) {
|
|
13184
|
-
StackBarLineGraph.config.main.xAxisType = config2.xAxisType;
|
|
13185
|
-
}
|
|
13186
|
-
if (config2.bottomLabel) {
|
|
13187
|
-
StackBarLineGraph.config.main.bottomLabel = config2.bottomLabel;
|
|
13188
|
-
}
|
|
13189
|
-
if (config2.leftLabel) {
|
|
13190
|
-
StackBarLineGraph.config.main.leftLabel = config2.leftLabel;
|
|
13191
|
-
}
|
|
13192
|
-
if (config2.rightLabel) {
|
|
13193
|
-
StackBarLineGraph.config.main.rightLabel = config2.rightLabel;
|
|
13194
|
-
}
|
|
13195
|
-
if (config2.disableLeftLabel) {
|
|
13196
|
-
StackBarLineGraph.config.main.disableLeftLabel = config2.disableLeftLabel === "YES" ? true : false;
|
|
13197
|
-
}
|
|
13198
|
-
if (config2.leftMargin) {
|
|
13199
|
-
StackBarLineGraph.config.style.labelStyle.margin = {
|
|
13200
|
-
left: config2.leftMargin
|
|
13201
|
-
};
|
|
13202
|
-
}
|
|
13203
|
-
return StackBarLineGraph;
|
|
13204
|
-
};
|
|
13205
13125
|
const cameraUiSchema = {
|
|
13206
13126
|
type: "Control",
|
|
13207
13127
|
scope: "#/properties/camera",
|
|
@@ -13537,9 +13457,6 @@ const buildUiSchema = (config2, store2) => {
|
|
|
13537
13457
|
case "AreaGraph":
|
|
13538
13458
|
elements = buildAreaGraph(config2, componentScope2);
|
|
13539
13459
|
break;
|
|
13540
|
-
case "StackBarLineGraph":
|
|
13541
|
-
elements = buildStackBarLineGraph(config2, componentScope2);
|
|
13542
|
-
break;
|
|
13543
13460
|
default:
|
|
13544
13461
|
elements = buildStackbarGraph(config2, componentScope2);
|
|
13545
13462
|
break;
|