impaktapps-ui-builder 1.0.63 → 1.0.64-alpha.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 +33 -1
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +4 -4
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildHorizontalLayout.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/horizontalLayout.d.ts +13 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildHorizontalLayout.ts +15 -0
- package/src/impaktapps-ui-builder/builder/build/buildTabSection.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +4 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/horizontalLayout.ts +11 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +2 -0
- package/src/impaktapps-ui-builder/builder/services/component.ts +1 -0
|
@@ -6270,6 +6270,7 @@ const ComponentSchema = {
|
|
|
6270
6270
|
{ title: "Data Card", const: "card" },
|
|
6271
6271
|
{ title: "Check Box", const: "CheckBox" },
|
|
6272
6272
|
{ title: "Container", const: "WrapperSection" },
|
|
6273
|
+
{ title: "Tab Container", const: "HorizontalLayout" },
|
|
6273
6274
|
{ title: "Data Grid", const: "DataGrid" },
|
|
6274
6275
|
{ title: "Date", const: "Date" },
|
|
6275
6276
|
{ title: "Time Stamp", const: "DateTime" },
|
|
@@ -6571,6 +6572,7 @@ const ComponentSchema = {
|
|
|
6571
6572
|
{ title: "Error Icon", const: "ErrorIcon" },
|
|
6572
6573
|
{ title: "Refresh Icon", const: "RefreshIcon" },
|
|
6573
6574
|
{ title: "Download Icon", const: "DownloadIcon" },
|
|
6575
|
+
{ title: "Download All Icon", const: "DownloadAllIcon" },
|
|
6574
6576
|
{ title: "Exception Icon", const: "ExceptionIcon" },
|
|
6575
6577
|
{ "title": "Alarm Icon", "const": "AlarmIcon" },
|
|
6576
6578
|
{ "title": "Click Icon", "const": "ClickIcon" },
|
|
@@ -8333,7 +8335,7 @@ var buildConfig = (FormData) => {
|
|
|
8333
8335
|
};
|
|
8334
8336
|
const createLayoutFormat = (layout, type) => {
|
|
8335
8337
|
if (_.isEmpty(layout)) {
|
|
8336
|
-
const fullLayoutComponents = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought"];
|
|
8338
|
+
const fullLayoutComponents = ["WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "TextArea", "TreeMap", "Thought", "HorizontalLayout"];
|
|
8337
8339
|
if (fullLayoutComponents.includes(type)) {
|
|
8338
8340
|
return { xs: 12, sm: 12, md: 12, lg: 12 };
|
|
8339
8341
|
} else if (type === "Graph") {
|
|
@@ -8465,6 +8467,7 @@ const sectionLabels = {
|
|
|
8465
8467
|
Table: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8466
8468
|
LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8467
8469
|
WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8470
|
+
HorizontalLayout: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8468
8471
|
TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8469
8472
|
SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8470
8473
|
card: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
@@ -10974,6 +10977,9 @@ const buildTabSection = (config2, componentScope2) => {
|
|
|
10974
10977
|
if (config2.sectionLabels) {
|
|
10975
10978
|
tab.config.main.tabLabels = config2.sectionLabels.map((e) => e.label);
|
|
10976
10979
|
}
|
|
10980
|
+
if (config2.style) {
|
|
10981
|
+
tab.config.style = JSON.parse(config2.style);
|
|
10982
|
+
}
|
|
10977
10983
|
tab.config.main.id = config2.name;
|
|
10978
10984
|
return tab;
|
|
10979
10985
|
};
|
|
@@ -12267,6 +12273,29 @@ const buildThoughtOfTheDay = (config2, componentScope2) => {
|
|
|
12267
12273
|
}
|
|
12268
12274
|
return thought;
|
|
12269
12275
|
};
|
|
12276
|
+
var horizontalLayout = {
|
|
12277
|
+
type: "HorizontalLayout",
|
|
12278
|
+
config: {
|
|
12279
|
+
layout: 12,
|
|
12280
|
+
main: {
|
|
12281
|
+
rowSpacing: 3,
|
|
12282
|
+
divider: false
|
|
12283
|
+
},
|
|
12284
|
+
defaultStyle: true
|
|
12285
|
+
},
|
|
12286
|
+
elements: []
|
|
12287
|
+
};
|
|
12288
|
+
const buildHorizontalLayout = (config2, componentScope2) => {
|
|
12289
|
+
const horizontal = _.cloneDeep(horizontalLayout);
|
|
12290
|
+
horizontal.scope = componentScope2;
|
|
12291
|
+
if (config2.style) {
|
|
12292
|
+
horizontal.config.style = JSON.parse(config2.style);
|
|
12293
|
+
}
|
|
12294
|
+
if (config2.layout) {
|
|
12295
|
+
horizontal.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12296
|
+
}
|
|
12297
|
+
return horizontal;
|
|
12298
|
+
};
|
|
12270
12299
|
let schema = {
|
|
12271
12300
|
type: "object",
|
|
12272
12301
|
properties: {},
|
|
@@ -12421,6 +12450,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12421
12450
|
case "WrapperSection":
|
|
12422
12451
|
elements = buildWrapperSection(config2, componentScope2);
|
|
12423
12452
|
break;
|
|
12453
|
+
case "HorizontalLayout":
|
|
12454
|
+
elements = buildHorizontalLayout(config2, componentScope2);
|
|
12455
|
+
break;
|
|
12424
12456
|
case "Text":
|
|
12425
12457
|
elements = buildTextField(config2, componentScope2);
|
|
12426
12458
|
break;
|