impaktapps-ui-builder 1.0.52 → 1.0.53
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 +70 -24
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +7 -7
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/buildConfig.d.ts +1 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/box.d.ts +6 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/button.d.ts +6 -1
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.d.ts +1 -0
- package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/buildArray.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildCheckbox.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +16 -4
- package/src/impaktapps-ui-builder/builder/build/buildFileInput.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildRadio.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildText.ts +3 -0
- package/src/impaktapps-ui-builder/builder/build/buildTextArea.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/buildTreeMap.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/array.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/box.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +3 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/button.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/file.ts +2 -2
- package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
- package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/wrapperSection.ts +1 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +26 -0
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +1 -1
- package/src/impaktapps-ui-builder/runtime/services/service.ts +4 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
declare const _default: (FormData: any) => any;
|
|
2
2
|
export default _default;
|
|
3
|
-
export declare const createLayoutFormat: (
|
|
3
|
+
export declare const createLayoutFormat: (layout: any[], type?: string) => any;
|
|
4
4
|
export declare const flatObjectValueInArray: (config?: any[]) => any[];
|
|
@@ -11,6 +11,7 @@ declare const _default: (funcParams: funcParamsProps) => {
|
|
|
11
11
|
setPage: () => Promise<void>;
|
|
12
12
|
onCellRenderer: (cellParams: any) => {};
|
|
13
13
|
onClick: () => void;
|
|
14
|
+
onKeyDown: () => void;
|
|
14
15
|
onDeletePopupNo: () => void;
|
|
15
16
|
onDeletePopupYes: () => void;
|
|
16
17
|
onMount: () => void;
|
package/package.json
CHANGED
|
@@ -11,7 +11,7 @@ const TextField = {
|
|
|
11
11
|
"widget": "InputField"
|
|
12
12
|
},
|
|
13
13
|
config:{
|
|
14
|
-
layout: { xs: 12, sm: 6, md: 4, lg:
|
|
14
|
+
layout: { xs: 12, sm: 6, md: 4, lg: 3 },
|
|
15
15
|
main:{
|
|
16
16
|
label:"Adhaar Card",
|
|
17
17
|
formatStrArray:["9","9","9","9"," ","9","9","9","9"," ","X9","X9","X9","X9"],
|
|
@@ -43,7 +43,7 @@ const PanField = {
|
|
|
43
43
|
"widget": "InputField"
|
|
44
44
|
},
|
|
45
45
|
config:{
|
|
46
|
-
layout: { xs: 12, sm: 6, md: 4, lg:
|
|
46
|
+
layout: { xs: 12, sm: 6, md: 4, lg: 3 },
|
|
47
47
|
main:{
|
|
48
48
|
label:"Pan Card",
|
|
49
49
|
placeholder:"AAAAA0000A",
|
|
@@ -4,11 +4,11 @@ import { createLayoutFormat } from "./buildConfig";
|
|
|
4
4
|
const Checkbox = {
|
|
5
5
|
"type": "Control",
|
|
6
6
|
"scope": "#/properties/username1",
|
|
7
|
-
"layout": 12,
|
|
8
7
|
"options": {
|
|
9
8
|
"widget": "CheckBox"
|
|
10
9
|
},
|
|
11
10
|
"config": {
|
|
11
|
+
"layout": { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
12
12
|
"main": {
|
|
13
13
|
"label": "Welcome to Hyperform",
|
|
14
14
|
}
|
|
@@ -26,13 +26,25 @@ export default (FormData: any) => {
|
|
|
26
26
|
return component;
|
|
27
27
|
};
|
|
28
28
|
|
|
29
|
-
export const createLayoutFormat = (
|
|
30
|
-
if (_.isEmpty(
|
|
31
|
-
|
|
29
|
+
export const createLayoutFormat = (layout: any[], type?: string) => {
|
|
30
|
+
if (_.isEmpty(layout)) {
|
|
31
|
+
const fullLayoutComponents: string[] = ["Array", "WrapperSection", "DataGrid", "LeaderBoard", "PopUp", "Table", "TabSection", "TextArea", "TreeMap", "Thought"]
|
|
32
|
+
if(fullLayoutComponents.includes(type)){
|
|
33
|
+
return { xs: 12, sm: 12, md: 12, lg: 12 }
|
|
34
|
+
}
|
|
35
|
+
else if(type === "Graph"){
|
|
36
|
+
return {xs :12,sm:12,md:12,lg:6}
|
|
37
|
+
}
|
|
38
|
+
else if(type === "Button"){
|
|
39
|
+
return { xs: 4, sm: 2.5, md: 2, lg: 1.5 }
|
|
40
|
+
}
|
|
41
|
+
else{
|
|
42
|
+
return { xs: 6, sm: 6, md: 4, lg: 3 }
|
|
43
|
+
}
|
|
32
44
|
}
|
|
33
45
|
let data: any = { };
|
|
34
46
|
|
|
35
|
-
|
|
47
|
+
layout.map((e: any) => {
|
|
36
48
|
data[e.key || "xs"] = +e.value || 5.5;
|
|
37
49
|
|
|
38
50
|
})
|
|
@@ -11,6 +11,9 @@ export const buildTextField = (config: any, componentScope: string) => {
|
|
|
11
11
|
if (config.multiline) {
|
|
12
12
|
inputField.config.main.multiline = config.multiline === "YES" ? true : false;
|
|
13
13
|
}
|
|
14
|
+
if (config.keyName) {
|
|
15
|
+
inputField.config.main.keyName = config.keyName;
|
|
16
|
+
}
|
|
14
17
|
if (config.InputFormatingAndMasking) {
|
|
15
18
|
inputField.config.main.formatStrArray = config.InputFormatingAndMasking.map(e => e.formatElement);
|
|
16
19
|
}
|
|
@@ -325,12 +325,13 @@ export const buildPropertiesSection = function (type: String) {
|
|
|
325
325
|
emptyBox("PopUpEmpty", { xs: 6, sm: 6, md: 0, lg: 0 })
|
|
326
326
|
]
|
|
327
327
|
break;
|
|
328
|
-
case "Text":
|
|
328
|
+
case "Text":
|
|
329
329
|
uiSchema.elements = [
|
|
330
330
|
getInputField("placeholder", "Placeholder"),
|
|
331
331
|
getRadioInputField("multiline", "Multiline", ["YES", "NO"]),
|
|
332
332
|
emptyBox("TextEmpty1", { xs: 0, sm: 0, md: 4, lg: 4 }),
|
|
333
|
-
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element")
|
|
333
|
+
getArrayControl("InputFormatingAndMasking", "formatElement", "Format Element"),
|
|
334
|
+
getInputField("keyName", "Event Key Name"),
|
|
334
335
|
]
|
|
335
336
|
break;
|
|
336
337
|
case "TextArea":
|
|
@@ -6,7 +6,7 @@ export default {
|
|
|
6
6
|
},
|
|
7
7
|
|
|
8
8
|
config: {
|
|
9
|
-
layout: { xs: 6, sm: 6, md: 4, lg:
|
|
9
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
10
10
|
main: {
|
|
11
11
|
label: "",
|
|
12
12
|
type: "date",
|
|
@@ -21,7 +21,7 @@ export const DateTime = {
|
|
|
21
21
|
},
|
|
22
22
|
|
|
23
23
|
config: {
|
|
24
|
-
layout: { xs: 6, sm: 6, md: 4, lg:
|
|
24
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 },
|
|
25
25
|
main: {
|
|
26
26
|
label: "DateTime",
|
|
27
27
|
type: "date",
|
|
@@ -13,7 +13,7 @@ export const uploadFile = {
|
|
|
13
13
|
"style": {
|
|
14
14
|
"backgroundColor": "none"
|
|
15
15
|
},
|
|
16
|
-
layout: { xs: 6, sm: 6, md: 4, lg:
|
|
16
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 }
|
|
17
17
|
},
|
|
18
18
|
"options": {
|
|
19
19
|
"widget": "UploadFile"
|
|
@@ -30,7 +30,7 @@ export const downloadFile = {
|
|
|
30
30
|
"style": {
|
|
31
31
|
"backgroundColor": "none"
|
|
32
32
|
},
|
|
33
|
-
layout: { xs:
|
|
33
|
+
layout: { xs: 6, sm: 6, md: 4, lg: 3 }
|
|
34
34
|
},
|
|
35
35
|
"options": {
|
|
36
36
|
"widget": "DownloadFile"
|
|
@@ -330,6 +330,32 @@ export const ComponentSchema: any = {
|
|
|
330
330
|
{ title: "Refresh Icon", const: "RefreshIcon" },
|
|
331
331
|
{ title: "Download Icon", const: "DownloadIcon" },
|
|
332
332
|
{ title: "Exception Icon", const: "ExceptionIcon" },
|
|
333
|
+
{ "title": "Alarm Icon", "const": "AlarmIcon" },
|
|
334
|
+
{ "title": "Click Icon", "const": "ClickIcon" },
|
|
335
|
+
{ "title": "Content Copy Icon", "const": "ContentCopyIcon" },
|
|
336
|
+
{ "title": "File Copy Icon", "const": "FileCopyIcon" },
|
|
337
|
+
{ "title": "Pause Icon", "const": "PauseIcon" },
|
|
338
|
+
{ "title": "Play Icon", "const": "PlayIcon" },
|
|
339
|
+
{ "title": "Close Icon", "const": "CloseIcon" },
|
|
340
|
+
{ "title": "Replay Icon", "const": "ReplayIcon" },
|
|
341
|
+
{ "title": "Delete Icon", "const": "DeleteIcon" },
|
|
342
|
+
{ "title": "Drafts Icon", "const": "DraftsIcon" },
|
|
343
|
+
{ "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
|
|
344
|
+
{ "title": "Paste Icon", "const": "PasteIcon" },
|
|
345
|
+
{ "title": "Prev Icon", "const": "PrevIcon" },
|
|
346
|
+
{ "title": "Verified Icon", "const": "VerifiedIcon" },
|
|
347
|
+
{ "title": "Table Add Icon", "const": "TableAddIcon" },
|
|
348
|
+
{ "title": "Table Download Icon", "const": "TableDownloadIcon" },
|
|
349
|
+
{ "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
|
|
350
|
+
{ "title": "View Component", "const": "View" },
|
|
351
|
+
{ "title": "Table Edit Icon", "const": "TableEditIcon" },
|
|
352
|
+
{ "title": "Maximize Icon", "const": "Maximize" },
|
|
353
|
+
{ "title": "Minimize Icon", "const": "Minimize" },
|
|
354
|
+
{ "title": "Subtract Icon", "const": "Subtract" },
|
|
355
|
+
{ "title": "Bin Icon", "const": "Bin" },
|
|
356
|
+
{ "title": "Export Icon", "const": "Export" },
|
|
357
|
+
{ "title": "Table Paste Icon", "const": "TablePaste" },
|
|
358
|
+
{ "title": "Clone Icon", "const": "CloneIcon" }
|
|
333
359
|
]
|
|
334
360
|
},
|
|
335
361
|
color: {
|
|
@@ -38,7 +38,6 @@ export const EventSchema = {
|
|
|
38
38
|
eventType: {
|
|
39
39
|
type: "string",
|
|
40
40
|
oneOf: [
|
|
41
|
-
|
|
42
41
|
{ title: "Click", const: "onClick" },
|
|
43
42
|
{ title: "Load", const: "onLoad" },
|
|
44
43
|
{ title: "Change", const: "onChange" },
|
|
@@ -52,6 +51,7 @@ export const EventSchema = {
|
|
|
52
51
|
{ title: "Row Movement", const: "onRowMovement" },
|
|
53
52
|
{ title: "Download", const: "onDownload" },
|
|
54
53
|
{ title: "Fail", const: "Fail" },
|
|
54
|
+
{ title: "Key Down", const: "onKeyDown" },
|
|
55
55
|
{ title: "PopUP NO Event", const: "onDeletePopupNo" },
|
|
56
56
|
{ title: "PopUP Yes Event", const: "onDeletePopupYes" },
|
|
57
57
|
]
|
|
@@ -79,7 +79,7 @@ export default (funcParams: funcParamsProps) => {
|
|
|
79
79
|
const config = pageData?.config;
|
|
80
80
|
const uiSchema = pageData?.uiSchema;
|
|
81
81
|
const event = new CustomEvent('pageNameChanged', {
|
|
82
|
-
detail: { pageName: config.label }
|
|
82
|
+
detail: { pageName: config.label, hasBackIcon: true }
|
|
83
83
|
});
|
|
84
84
|
window.dispatchEvent(event)
|
|
85
85
|
const theme = funcParams?.store?.theme?.myTheme;
|
|
@@ -233,6 +233,9 @@ export default (funcParams: funcParamsProps) => {
|
|
|
233
233
|
onClick: function () {
|
|
234
234
|
this.callHandler("onClick")
|
|
235
235
|
},
|
|
236
|
+
onKeyDown: function () {
|
|
237
|
+
this.callHandler("onKeyDown")
|
|
238
|
+
},
|
|
236
239
|
onDeletePopupNo: function () {
|
|
237
240
|
this.callHandler("onDeletePopupNo")
|
|
238
241
|
},
|