impaktapps-ui-builder 1.0.70 → 1.0.71-alpha.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 +40 -3
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +8 -8
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildImage.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildImage.ts +41 -0
- package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +5 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +1 -0
- package/src/impaktapps-ui-builder/builder/services/component.ts +2 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -1
|
@@ -6234,6 +6234,7 @@ const ComponentSchema = {
|
|
|
6234
6234
|
{ title: "Empty Box", const: "EmptyBox" },
|
|
6235
6235
|
{ title: "File Handler", const: "FileInput" },
|
|
6236
6236
|
{ title: "Graph", const: "Graph" },
|
|
6237
|
+
{ title: "Image", const: "Image" },
|
|
6237
6238
|
{ title: "Input Slider", const: "InputSlider" },
|
|
6238
6239
|
{ title: "Label", const: "Box" },
|
|
6239
6240
|
{ title: "Leaderboard", const: "LeaderBoard" },
|
|
@@ -7898,6 +7899,11 @@ const buildPropertiesSection = function(type) {
|
|
|
7898
7899
|
getTextArea("thought", "Today's thought", false)
|
|
7899
7900
|
];
|
|
7900
7901
|
break;
|
|
7902
|
+
case "Image":
|
|
7903
|
+
uiSchema.elements = [
|
|
7904
|
+
getInputField("imageUrl", "Image URL")
|
|
7905
|
+
];
|
|
7906
|
+
break;
|
|
7901
7907
|
}
|
|
7902
7908
|
return uiSchema;
|
|
7903
7909
|
};
|
|
@@ -8401,7 +8407,8 @@ const sectionLabels = {
|
|
|
8401
8407
|
ColumnGroup: ["Core", "Components"],
|
|
8402
8408
|
Thought: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8403
8409
|
Date: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8404
|
-
DateTime: ["Core", "Properties", "Events", "Style", "Validation"]
|
|
8410
|
+
DateTime: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8411
|
+
Image: ["Core", "Properties", "Style"]
|
|
8405
8412
|
};
|
|
8406
8413
|
function refreshPage(type, store2) {
|
|
8407
8414
|
var _a, _b;
|
|
@@ -10346,13 +10353,14 @@ var service = (funcParams) => {
|
|
|
10346
10353
|
return response == null ? void 0 : response.data;
|
|
10347
10354
|
},
|
|
10348
10355
|
onPaginationChange: async function(paginationValues) {
|
|
10349
|
-
var _a;
|
|
10356
|
+
var _a, _b;
|
|
10350
10357
|
const apiBody = [
|
|
10351
10358
|
{ key: "size", value: paginationValues.pagination.pageSize },
|
|
10352
10359
|
{ key: "pageIndex", value: paginationValues.pagination.pageIndex },
|
|
10353
10360
|
{ key: "sorting", value: paginationValues.sorting || [] },
|
|
10354
10361
|
{ key: "filters", value: paginationValues.tableColumnConfig || [] },
|
|
10355
|
-
{ key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" }
|
|
10362
|
+
{ key: "globalFilter", value: (_a = paginationValues.globalFilter) != null ? _a : "" },
|
|
10363
|
+
{ key: "expandedRowIds", value: (_b = paginationValues.expandedRowIds) != null ? _b : [] }
|
|
10356
10364
|
];
|
|
10357
10365
|
const response = await this.callExecuteEvents(paginationValues, apiBody, "onLoad");
|
|
10358
10366
|
return response == null ? void 0 : response.data;
|
|
@@ -12181,6 +12189,32 @@ const buildHorizontalLayout = (config2, componentScope2) => {
|
|
|
12181
12189
|
}
|
|
12182
12190
|
return horizontal;
|
|
12183
12191
|
};
|
|
12192
|
+
const imageUiSchema = {
|
|
12193
|
+
type: "Control",
|
|
12194
|
+
scope: "#/properties/Logo",
|
|
12195
|
+
layout: 3,
|
|
12196
|
+
options: {
|
|
12197
|
+
widget: "Image"
|
|
12198
|
+
},
|
|
12199
|
+
config: {
|
|
12200
|
+
main: {
|
|
12201
|
+
url: ""
|
|
12202
|
+
},
|
|
12203
|
+
style: {}
|
|
12204
|
+
}
|
|
12205
|
+
};
|
|
12206
|
+
const buildImage = (config2, componentScope2) => {
|
|
12207
|
+
const image = _.cloneDeep(imageUiSchema);
|
|
12208
|
+
image.scope = componentScope2;
|
|
12209
|
+
image.config.main.url = config2.imageUrl;
|
|
12210
|
+
if (config2.layout) {
|
|
12211
|
+
image.config.layout = createLayoutFormat(config2.layout);
|
|
12212
|
+
}
|
|
12213
|
+
if (config2.style) {
|
|
12214
|
+
image.config.style = JSON.parse(config2.style);
|
|
12215
|
+
}
|
|
12216
|
+
return image;
|
|
12217
|
+
};
|
|
12184
12218
|
let schema = {
|
|
12185
12219
|
type: "object",
|
|
12186
12220
|
properties: {},
|
|
@@ -12438,6 +12472,9 @@ const buildUiSchema = (config2, store2) => {
|
|
|
12438
12472
|
case "Thought":
|
|
12439
12473
|
elements = buildThoughtOfTheDay(config2, componentScope2);
|
|
12440
12474
|
break;
|
|
12475
|
+
case "Image":
|
|
12476
|
+
elements = buildImage(config2, componentScope2);
|
|
12477
|
+
break;
|
|
12441
12478
|
default:
|
|
12442
12479
|
schema = {
|
|
12443
12480
|
type: "object",
|