impaktapps-ui-builder 1.0.62 → 1.0.621
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 +112 -41
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +12 -12
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildDate.ts +0 -6
- package/src/impaktapps-ui-builder/builder/build/buildPop.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +0 -20
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +1 -16
- package/src/impaktapps-ui-builder/builder/services/component.ts +1 -3
- package/src/impaktapps-ui-builder/runtime/services/service.ts +107 -1
|
@@ -96,25 +96,11 @@ const PageMasterUiSchema = (theme) => {
|
|
|
96
96
|
}
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
|
-
{
|
|
100
|
-
type: "Control",
|
|
101
|
-
scope: "#/properties/hasBackIcon",
|
|
102
|
-
options: {
|
|
103
|
-
widget: "RadioInputField"
|
|
104
|
-
},
|
|
105
|
-
config: {
|
|
106
|
-
layout: { xs: 12, sm: 6, md: 4, lg: 3 },
|
|
107
|
-
main: {
|
|
108
|
-
label: "Back Icon",
|
|
109
|
-
options: [{ label: "Yes", const: "YES" }, { label: "No", const: "NO" }]
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
99
|
{
|
|
114
100
|
type: "Control",
|
|
115
101
|
scope: "#/properties/EmptyBox",
|
|
116
102
|
config: {
|
|
117
|
-
layout: { xs: 0, sm:
|
|
103
|
+
layout: { xs: 0, sm: 0, md: 4, lg: 6 }
|
|
118
104
|
},
|
|
119
105
|
options: {
|
|
120
106
|
widget: "EmptyBox"
|
|
@@ -7947,18 +7933,6 @@ const buildPropertiesSection = function(type) {
|
|
|
7947
7933
|
emptyBox$1("MultipleSelectEmpty2")
|
|
7948
7934
|
];
|
|
7949
7935
|
break;
|
|
7950
|
-
case "Date":
|
|
7951
|
-
uiSchema.elements = [
|
|
7952
|
-
getSelectField("variant", "Variant"),
|
|
7953
|
-
emptyBox$1("DateEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7954
|
-
];
|
|
7955
|
-
break;
|
|
7956
|
-
case "DateTime":
|
|
7957
|
-
uiSchema.elements = [
|
|
7958
|
-
getSelectField("variant", "Variant"),
|
|
7959
|
-
emptyBox$1("DateTimeEmpty1", { xs: 6, sm: 6, md: 8, lg: 9 })
|
|
7960
|
-
];
|
|
7961
|
-
break;
|
|
7962
7936
|
case "Thought":
|
|
7963
7937
|
uiSchema.elements = [
|
|
7964
7938
|
getTextArea("thought", "Today's thought", false)
|
|
@@ -8489,9 +8463,7 @@ const sectionLabels = {
|
|
|
8489
8463
|
InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8490
8464
|
TreeMap: ["Core", "Components", "Properties", "Events", "Style"],
|
|
8491
8465
|
ColumnGroup: ["Core", "Components"],
|
|
8492
|
-
Thought: ["Core", "Properties", "Events", "Style", "Validation"]
|
|
8493
|
-
Date: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8494
|
-
DateTime: ["Core", "Properties", "Events", "Style", "Validation"]
|
|
8466
|
+
Thought: ["Core", "Properties", "Events", "Style", "Validation"]
|
|
8495
8467
|
};
|
|
8496
8468
|
function refreshPage(type, store2) {
|
|
8497
8469
|
var _a, _b;
|
|
@@ -10359,7 +10331,7 @@ var service = (funcParams) => {
|
|
|
10359
10331
|
};
|
|
10360
10332
|
return {
|
|
10361
10333
|
setPage: async function() {
|
|
10362
|
-
var _a, _b, _c;
|
|
10334
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
|
|
10363
10335
|
funcParams.store.setAdditionalErrors([]);
|
|
10364
10336
|
funcParams.store.setFormdata((funcParams == null ? void 0 : funcParams.initFormData()) || {});
|
|
10365
10337
|
funcParams.store.setSchema({ type: "object", properties: {} });
|
|
@@ -10369,11 +10341,116 @@ var service = (funcParams) => {
|
|
|
10369
10341
|
const config2 = pageData == null ? void 0 : pageData.config;
|
|
10370
10342
|
const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
|
|
10371
10343
|
const event2 = new CustomEvent("pageNameChanged", {
|
|
10372
|
-
detail: { pageName: config2.label, hasBackIcon:
|
|
10344
|
+
detail: { pageName: config2.label, hasBackIcon: true }
|
|
10373
10345
|
});
|
|
10374
10346
|
window.dispatchEvent(event2);
|
|
10375
|
-
(_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
|
|
10376
|
-
|
|
10347
|
+
const theme = (_b = (_a = funcParams == null ? void 0 : funcParams.store) == null ? void 0 : _a.theme) == null ? void 0 : _b.myTheme;
|
|
10348
|
+
uiSchema.elements.push(
|
|
10349
|
+
{
|
|
10350
|
+
type: "HorizontalLayout",
|
|
10351
|
+
config: {
|
|
10352
|
+
main: {
|
|
10353
|
+
direction: "row"
|
|
10354
|
+
},
|
|
10355
|
+
style: {
|
|
10356
|
+
flexDirection: "row",
|
|
10357
|
+
position: "absolute",
|
|
10358
|
+
bottom: 0,
|
|
10359
|
+
height: "fit-content",
|
|
10360
|
+
overflow: "hidden",
|
|
10361
|
+
zIndex: 1e3,
|
|
10362
|
+
width: "inherit"
|
|
10363
|
+
}
|
|
10364
|
+
},
|
|
10365
|
+
elements: [
|
|
10366
|
+
{
|
|
10367
|
+
type: "Control",
|
|
10368
|
+
scope: "#/properties/FooterText",
|
|
10369
|
+
options: {
|
|
10370
|
+
widget: "Box"
|
|
10371
|
+
},
|
|
10372
|
+
config: {
|
|
10373
|
+
main: {
|
|
10374
|
+
heading: "Copywriter@ACT21.IO"
|
|
10375
|
+
},
|
|
10376
|
+
style: {
|
|
10377
|
+
color: ((_d = (_c = theme == null ? void 0 : theme.palette) == null ? void 0 : _c.text) == null ? void 0 : _d.disabled) || "#AFAFAF",
|
|
10378
|
+
fontSize: "11px",
|
|
10379
|
+
textAlign: "center",
|
|
10380
|
+
lineHeight: 2,
|
|
10381
|
+
width: "fit-content",
|
|
10382
|
+
left: "50%",
|
|
10383
|
+
position: "relative",
|
|
10384
|
+
margin: 0,
|
|
10385
|
+
flexGrow: 1,
|
|
10386
|
+
height: 0,
|
|
10387
|
+
transform: "translate(-50%, 0%)"
|
|
10388
|
+
}
|
|
10389
|
+
}
|
|
10390
|
+
},
|
|
10391
|
+
{
|
|
10392
|
+
type: "Control",
|
|
10393
|
+
scope: "#/properties/FooterBackIcon",
|
|
10394
|
+
options: {
|
|
10395
|
+
widget: "Box"
|
|
10396
|
+
},
|
|
10397
|
+
config: {
|
|
10398
|
+
main: {
|
|
10399
|
+
iconName: "PrevIcon",
|
|
10400
|
+
onClick: "backHandler",
|
|
10401
|
+
width: "fit-content"
|
|
10402
|
+
},
|
|
10403
|
+
style: {
|
|
10404
|
+
fill: (_f = (_e = theme == null ? void 0 : theme.palette) == null ? void 0 : _e.primary) == null ? void 0 : _f.main,
|
|
10405
|
+
width: 20,
|
|
10406
|
+
height: 0,
|
|
10407
|
+
top: 0,
|
|
10408
|
+
right: { xs: "12px", sm: "84px" },
|
|
10409
|
+
position: "absolute",
|
|
10410
|
+
fontSize: "12px",
|
|
10411
|
+
cursor: "pointer",
|
|
10412
|
+
":hover": {
|
|
10413
|
+
fill: (_h = (_g = theme == null ? void 0 : theme.palette) == null ? void 0 : _g.primary) == null ? void 0 : _h.dark
|
|
10414
|
+
},
|
|
10415
|
+
marginRight: "20px"
|
|
10416
|
+
}
|
|
10417
|
+
}
|
|
10418
|
+
},
|
|
10419
|
+
{
|
|
10420
|
+
type: "Control",
|
|
10421
|
+
scope: "#/properties/FooterBackHandlerText",
|
|
10422
|
+
options: {
|
|
10423
|
+
widget: "Box"
|
|
10424
|
+
},
|
|
10425
|
+
config: {
|
|
10426
|
+
main: {
|
|
10427
|
+
heading: "Previous Page",
|
|
10428
|
+
onClick: "backHandler"
|
|
10429
|
+
},
|
|
10430
|
+
style: {
|
|
10431
|
+
display: { xs: "none", sm: "flex" },
|
|
10432
|
+
textAlign: "left",
|
|
10433
|
+
lineHeight: 1,
|
|
10434
|
+
height: 0,
|
|
10435
|
+
width: "fit-content",
|
|
10436
|
+
color: (_j = (_i = theme == null ? void 0 : theme.palette) == null ? void 0 : _i.primary) == null ? void 0 : _j.main,
|
|
10437
|
+
fontSize: "12px",
|
|
10438
|
+
cursor: "pointer",
|
|
10439
|
+
marginLeft: "2px",
|
|
10440
|
+
top: 3,
|
|
10441
|
+
right: "12px",
|
|
10442
|
+
position: "absolute",
|
|
10443
|
+
":hover": {
|
|
10444
|
+
color: (_l = (_k = theme == null ? void 0 : theme.palette) == null ? void 0 : _k.primary) == null ? void 0 : _l.dark
|
|
10445
|
+
},
|
|
10446
|
+
marginRight: "4px"
|
|
10447
|
+
}
|
|
10448
|
+
}
|
|
10449
|
+
}
|
|
10450
|
+
]
|
|
10451
|
+
}
|
|
10452
|
+
);
|
|
10453
|
+
const schema2 = (_m = pageData == null ? void 0 : pageData.schema) != null ? _m : { type: "object", properties: {} };
|
|
10377
10454
|
eventGroups = extractEvents(config2);
|
|
10378
10455
|
executeEventsParameters = {
|
|
10379
10456
|
config: {},
|
|
@@ -11587,9 +11664,6 @@ const buildDate = (config2, componentScope2) => {
|
|
|
11587
11664
|
if (config2.layout) {
|
|
11588
11665
|
dateInputField.config.layout = createLayoutFormat(config2.layout);
|
|
11589
11666
|
}
|
|
11590
|
-
if (config2.variant) {
|
|
11591
|
-
dateInputField.config.main.variant = config2.variant;
|
|
11592
|
-
}
|
|
11593
11667
|
return dateInputField;
|
|
11594
11668
|
};
|
|
11595
11669
|
const buildDateTime = (config2, componentScope2) => {
|
|
@@ -11600,9 +11674,6 @@ const buildDateTime = (config2, componentScope2) => {
|
|
|
11600
11674
|
if (config2.layout) {
|
|
11601
11675
|
dateTimeInputField.config.layout = createLayoutFormat(config2.layout);
|
|
11602
11676
|
}
|
|
11603
|
-
if (config2.variant) {
|
|
11604
|
-
dateTimeInputField.config.main.variant = config2.variant;
|
|
11605
|
-
}
|
|
11606
11677
|
return dateTimeInputField;
|
|
11607
11678
|
};
|
|
11608
11679
|
var RankCard = {
|
|
@@ -12096,7 +12167,7 @@ const buildPopUp = (config2, componentScope2) => {
|
|
|
12096
12167
|
popup.config.layout = createLayoutFormat(config2.layout, config2.type);
|
|
12097
12168
|
}
|
|
12098
12169
|
if (config2.style) {
|
|
12099
|
-
|
|
12170
|
+
popup.config.style = JSON.parse(config2.style);
|
|
12100
12171
|
}
|
|
12101
12172
|
return popup;
|
|
12102
12173
|
};
|