impaktapps-ui-builder 0.0.382-alpha.4 → 0.0.382-alpha.40

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.
Files changed (35) hide show
  1. package/dist/impaktapps-ui-builder.es.js +800 -862
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +12 -12
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +35 -2
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  12. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +1 -1
  13. package/dist/src/impaktapps-ui-builder/runtime/services/service.d.ts +1 -0
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/buildBasicUiSchema.ts +1 -0
  16. package/src/impaktapps-ui-builder/builder/build/buildWrapperSection.ts +3 -1
  17. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +50 -27
  18. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +30 -49
  19. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  20. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  21. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  23. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  24. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +2 -12
  25. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  26. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  27. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  28. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  29. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +99 -55
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +200 -203
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +415 -284
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +8 -8
  35. package/src/impaktapps-ui-builder/runtime/services/service.ts +6 -3
@@ -1,5 +1,6 @@
1
1
  export declare const buildBasicUiSchema: (config: any) => {
2
2
  type: string;
3
3
  pageName: string;
4
+ heading: string;
4
5
  elements: any[];
5
6
  };
@@ -70,6 +70,24 @@ export declare const APISection: {
70
70
  };
71
71
  };
72
72
  layout?: undefined;
73
+ } | {
74
+ type: string;
75
+ scope: string;
76
+ options: {
77
+ widget: string;
78
+ elementLabelProp?: undefined;
79
+ detail?: undefined;
80
+ };
81
+ config: {
82
+ layout: {
83
+ xs: number;
84
+ sm: number;
85
+ md: number;
86
+ lg: number;
87
+ };
88
+ main?: undefined;
89
+ };
90
+ layout?: undefined;
73
91
  } | {
74
92
  type: string;
75
93
  scope: string;
@@ -78,7 +96,7 @@ export declare const APISection: {
78
96
  elementLabelProp: string;
79
97
  detail: {
80
98
  type: string;
81
- elements: {
99
+ elements: ({
82
100
  type: string;
83
101
  scope: string;
84
102
  options: {
@@ -95,7 +113,22 @@ export declare const APISection: {
95
113
  label: string;
96
114
  };
97
115
  };
98
- }[];
116
+ } | {
117
+ type: string;
118
+ scope: string;
119
+ options: {
120
+ widget: string;
121
+ };
122
+ config: {
123
+ layout: {
124
+ xs: number;
125
+ sm: number;
126
+ md: number;
127
+ lg: number;
128
+ };
129
+ main?: undefined;
130
+ };
131
+ })[];
99
132
  };
100
133
  widget?: undefined;
101
134
  };
@@ -42,24 +42,6 @@ export declare const CoreSection: {
42
42
  };
43
43
  };
44
44
  layout?: undefined;
45
- } | {
46
- type: string;
47
- scope: string;
48
- config: {
49
- layout: {
50
- xs: number;
51
- sm: number;
52
- md: number;
53
- lg: number;
54
- };
55
- main?: undefined;
56
- };
57
- options: {
58
- widget: string;
59
- elementLabelProp?: undefined;
60
- detail?: undefined;
61
- };
62
- layout?: undefined;
63
45
  } | {
64
46
  type: string;
65
47
  scope: string;
@@ -108,6 +90,21 @@ export declare const CoreSection: {
108
90
  errorMessage: string;
109
91
  };
110
92
  };
93
+ } | {
94
+ type: string;
95
+ scope: string;
96
+ options: {
97
+ widget: string;
98
+ };
99
+ config: {
100
+ layout: {
101
+ xs: number;
102
+ sm: number;
103
+ md?: undefined;
104
+ lg?: undefined;
105
+ };
106
+ main?: undefined;
107
+ };
111
108
  })[];
112
109
  };
113
110
  widget?: undefined;
@@ -2,140 +2,89 @@ export declare const EventSection: {
2
2
  type: string;
3
3
  elements: {
4
4
  type: string;
5
+ scope: string;
6
+ options: {
7
+ widget: string;
8
+ };
5
9
  config: {
6
10
  main: {
7
- divider: boolean;
8
- };
9
- wrapperStyle: {
10
- border: string;
11
+ headerIcons: {
12
+ elements: {
13
+ widget: {
14
+ type: string;
15
+ scope: string;
16
+ options: {
17
+ widget: string;
18
+ };
19
+ config: {
20
+ main: {
21
+ color: string;
22
+ onClick: string;
23
+ size: string;
24
+ icon: string;
25
+ iconLabel: string;
26
+ styleDefault: boolean;
27
+ };
28
+ style: {
29
+ mt: string;
30
+ };
31
+ };
32
+ };
33
+ }[];
34
+ };
35
+ disableAction: boolean;
36
+ disableSelection: boolean;
37
+ enableDrag: boolean;
11
38
  };
12
39
  };
13
40
  elements: ({
14
- type: string;
15
- scope: string;
16
- options: {
17
- widget: string;
18
- };
19
- config: {
20
- layout: number;
21
- main: {
22
- heading: string;
23
- icon?: undefined;
24
- styleDefault?: undefined;
25
- size?: undefined;
26
- onClick?: undefined;
27
- tooltipMessage?: undefined;
28
- disableAction?: undefined;
29
- disableSelection?: undefined;
30
- enableDrag?: undefined;
31
- };
32
- style: {
33
- fontFamily: string;
34
- fontWeight: string;
35
- paddingLeft: string;
36
- fontSize: string;
37
- float?: undefined;
38
- };
39
- };
40
- elements?: undefined;
41
+ accessorKey: string;
42
+ header: string;
43
+ widget?: undefined;
41
44
  } | {
42
- type: string;
43
- scope: string;
44
- options: {
45
- widget: string;
46
- };
47
- config: {
48
- layout: number;
49
- main: {
50
- icon: string;
51
- styleDefault: boolean;
52
- size: string;
53
- onClick: string;
54
- tooltipMessage: string;
55
- heading?: undefined;
56
- disableAction?: undefined;
57
- disableSelection?: undefined;
58
- enableDrag?: undefined;
45
+ accessorKey: string;
46
+ header: string;
47
+ widget: {
48
+ type: string;
49
+ scope: string;
50
+ options: {
51
+ widget: string;
59
52
  };
60
- style: {
61
- float: string;
62
- fontFamily?: undefined;
63
- fontWeight?: undefined;
64
- paddingLeft?: undefined;
65
- fontSize?: undefined;
53
+ config: {
54
+ main: {
55
+ color: string;
56
+ size: string;
57
+ icon: string;
58
+ tooltipMessage: string;
59
+ onClick: string;
60
+ };
61
+ style: {
62
+ color: string;
63
+ };
66
64
  };
65
+ accessorKeyName?: undefined;
67
66
  };
68
- elements?: undefined;
69
67
  } | {
70
- type: string;
71
- scope: string;
72
- options: {
73
- widget: string;
74
- };
75
- config: {
76
- main: {
77
- disableAction: boolean;
78
- disableSelection: boolean;
79
- enableDrag: boolean;
80
- heading?: undefined;
81
- icon?: undefined;
82
- styleDefault?: undefined;
83
- size?: undefined;
84
- onClick?: undefined;
85
- tooltipMessage?: undefined;
68
+ accessorKey: string;
69
+ header: string;
70
+ widget: {
71
+ type: string;
72
+ scope: string;
73
+ accessorKeyName: string;
74
+ options: {
75
+ widget: string;
86
76
  };
87
- layout?: undefined;
88
- style?: undefined;
89
- };
90
- elements: ({
91
- accessorKey: string;
92
- header: string;
93
- widget?: undefined;
94
- } | {
95
- accessorKey: string;
96
- header: string;
97
- widget: {
98
- type: string;
99
- scope: string;
100
- options: {
101
- widget: string;
102
- };
103
- config: {
104
- main: {
105
- color: string;
106
- size: string;
107
- icon: string;
108
- tooltipMessage: string;
109
- onClick: string;
110
- };
111
- style: {
112
- color: string;
113
- };
77
+ config: {
78
+ main: {
79
+ icon: string;
80
+ color: string;
81
+ tooltipMessage: string;
82
+ onClick: string;
83
+ size?: undefined;
114
84
  };
115
- accessorKeyName?: undefined;
85
+ style?: undefined;
116
86
  };
117
- } | {
118
- accessorKey: string;
119
- header: string;
120
- widget: {
121
- type: string;
122
- scope: string;
123
- accessorKeyName: string;
124
- options: {
125
- widget: string;
126
- };
127
- config: {
128
- main: {
129
- icon: string;
130
- color: string;
131
- tooltipMessage: string;
132
- onClick: string;
133
- size?: undefined;
134
- };
135
- style?: undefined;
136
- };
137
- };
138
- })[];
87
+ };
139
88
  })[];
140
89
  }[];
141
90
  };
@@ -2,116 +2,67 @@ export declare const TableSection: {
2
2
  type: string;
3
3
  elements: {
4
4
  type: string;
5
+ scope: string;
6
+ options: {
7
+ widget: string;
8
+ };
5
9
  config: {
6
- main: {};
7
- wrapperStyle: {
8
- border: string;
10
+ main: {
11
+ headerIcons: {
12
+ elements: {
13
+ widget: {
14
+ type: string;
15
+ scope: string;
16
+ options: {
17
+ widget: string;
18
+ };
19
+ config: {
20
+ main: {
21
+ color: string;
22
+ onClick: string;
23
+ size: string;
24
+ icon: string;
25
+ iconLabel: string;
26
+ styleDefault: boolean;
27
+ };
28
+ style: {
29
+ mt: string;
30
+ };
31
+ };
32
+ };
33
+ }[];
34
+ };
35
+ disableAction: boolean;
36
+ disableSelection: boolean;
37
+ enableDrag: boolean;
9
38
  };
10
39
  };
11
40
  elements: ({
12
- type: string;
13
- scope: string;
14
- options: {
15
- widget: string;
16
- };
17
- config: {
18
- layout: number;
19
- main: {
20
- heading: string;
21
- icon?: undefined;
22
- styleDefault?: undefined;
23
- size?: undefined;
24
- onClick?: undefined;
25
- tooltipMessage?: undefined;
26
- disableAction?: undefined;
27
- disableSelection?: undefined;
28
- enableDrag?: undefined;
29
- };
30
- style: {
31
- fontFamily: string;
32
- fontWeight: string;
33
- paddingLeft: string;
34
- fontSize: string;
35
- float?: undefined;
36
- };
37
- };
38
- elements?: undefined;
41
+ accessorKey: string;
42
+ header: string;
43
+ field?: undefined;
44
+ flex?: undefined;
45
+ widget?: undefined;
39
46
  } | {
40
- type: string;
41
- scope: string;
42
- options: {
43
- widget: string;
44
- };
45
- config: {
46
- layout: number;
47
- main: {
48
- icon: string;
49
- styleDefault: boolean;
50
- size: string;
51
- onClick: string;
52
- tooltipMessage: string;
53
- heading?: undefined;
54
- disableAction?: undefined;
55
- disableSelection?: undefined;
56
- enableDrag?: undefined;
57
- };
58
- style: {
59
- float: string;
60
- fontFamily?: undefined;
61
- fontWeight?: undefined;
62
- paddingLeft?: undefined;
63
- fontSize?: undefined;
47
+ header: string;
48
+ field: string;
49
+ flex: number;
50
+ widget: {
51
+ type: string;
52
+ scope: string;
53
+ options: {
54
+ widget: string;
64
55
  };
65
- };
66
- elements?: undefined;
67
- } | {
68
- type: string;
69
- scope: string;
70
- options: {
71
- widget: string;
72
- };
73
- config: {
74
- main: {
75
- disableAction: boolean;
76
- disableSelection: boolean;
77
- enableDrag: boolean;
78
- heading?: undefined;
79
- icon?: undefined;
80
- styleDefault?: undefined;
81
- size?: undefined;
82
- onClick?: undefined;
83
- tooltipMessage?: undefined;
84
- };
85
- layout?: undefined;
86
- style?: undefined;
87
- };
88
- elements: ({
89
- accessorKey: string;
90
- header: string;
91
- field?: undefined;
92
- flex?: undefined;
93
- widget?: undefined;
94
- } | {
95
- header: string;
96
- field: string;
97
- flex: number;
98
- widget: {
99
- type: string;
100
- scope: string;
101
- options: {
102
- widget: string;
103
- };
104
- config: {
105
- main: {
106
- icon: string;
107
- color: string;
108
- onClick: string;
109
- tooltipMessage: string;
110
- };
56
+ config: {
57
+ main: {
58
+ icon: string;
59
+ color: string;
60
+ onClick: string;
61
+ tooltipMessage: string;
111
62
  };
112
63
  };
113
- accessorKey?: undefined;
114
- })[];
64
+ };
65
+ accessorKey?: undefined;
115
66
  })[];
116
67
  }[];
117
68
  };
@@ -8,7 +8,7 @@ export declare const ValidationSection: {
8
8
  elementLabelProp: string;
9
9
  detail: {
10
10
  type: string;
11
- elements: {
11
+ elements: ({
12
12
  type: string;
13
13
  scope: string;
14
14
  options: {
@@ -25,7 +25,22 @@ export declare const ValidationSection: {
25
25
  label: string;
26
26
  };
27
27
  };
28
- }[];
28
+ } | {
29
+ type: string;
30
+ scope: string;
31
+ options: {
32
+ widget: string;
33
+ };
34
+ config: {
35
+ layout: {
36
+ xs: number;
37
+ sm: number;
38
+ md?: undefined;
39
+ lg?: undefined;
40
+ };
41
+ main?: undefined;
42
+ };
43
+ })[];
29
44
  };
30
45
  };
31
46
  }[];
@@ -7,7 +7,7 @@ export declare const ValueTab: {
7
7
  options: {
8
8
  detail: {
9
9
  type: string;
10
- elements: {
10
+ elements: ({
11
11
  type: string;
12
12
  scope: string;
13
13
  options: {
@@ -24,7 +24,22 @@ export declare const ValueTab: {
24
24
  label: string;
25
25
  };
26
26
  };
27
- }[];
27
+ } | {
28
+ type: string;
29
+ scope: string;
30
+ options: {
31
+ widget: string;
32
+ };
33
+ config: {
34
+ layout: {
35
+ xs: number;
36
+ sm: number;
37
+ md: number;
38
+ lg: number;
39
+ };
40
+ main?: undefined;
41
+ };
42
+ })[];
28
43
  };
29
44
  };
30
45
  }[];
@@ -2,7 +2,7 @@ declare const _default: (store: any, dynamicData: any, submitHandler: any, servi
2
2
  setPage: () => Promise<void>;
3
3
  refreshPage: (handlerType: any, store: any) => void;
4
4
  getFormData: () => any;
5
- getUiSchema: () => any;
5
+ getUiSchema: () => Promise<any>;
6
6
  getSchema: () => {
7
7
  type: string;
8
8
  properties: {
@@ -19,6 +19,7 @@ declare const _default: (funcParams: funcParamsProps) => {
19
19
  updateConfigApiBody: (paramValue: any, apiBody: any) => Promise<any>;
20
20
  onBack: (functionParameters: any) => Promise<void>;
21
21
  onNext: (functionParameters: any) => Promise<void>;
22
+ backHandler: () => void;
22
23
  onReset: (functionParameters: any) => Promise<void>;
23
24
  callHandler: (eventType: string, functionParameters?: any) => Promise<void>;
24
25
  downloadFile: (obj: any) => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.4",
3
+ "version": "0.0.382-alpha.40",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -2,5 +2,6 @@ export const buildBasicUiSchema = (config)=>{
2
2
  return {
3
3
  "type": "HorizontalLayout",
4
4
  pageName:`${config.name}`,
5
+ heading:`${config.label}`,
5
6
  "elements": []}
6
7
  }
@@ -4,8 +4,10 @@ import _ from "lodash";
4
4
 
5
5
  export const buildWrapperSection = (config,componentScope) =>{
6
6
  const wrapper: any = _.cloneDeep(WrapperSection);
7
+ wrapper.scope = componentScope;
7
8
  wrapper.config.main.label = config.label;
8
9
  wrapper.config.main.divider = config.divider === "YES" ? true : false;
10
+ wrapper.config.main.isAccordion = config.isAccordion==="YES"?true:false;
9
11
  if (config.style) {
10
12
  wrapper.config.style = JSON.parse(config.style)
11
13
  }
@@ -13,4 +15,4 @@ export const buildWrapperSection = (config,componentScope) =>{
13
15
  wrapper.config.layout = createLayoutFormat(config.layout)
14
16
  }
15
17
  return wrapper;
16
- }
18
+ }