impaktapps-ui-builder 0.0.382460 → 1.0.1-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.
Files changed (49) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1316 -1121
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +16 -16
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/buildPhoneInput.d.ts +1 -0
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/card.d.ts +10 -2
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -32
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.d.ts +20 -0
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  14. package/dist/src/impaktapps-ui-builder/builder/build/uischema/table.d.ts +1 -0
  15. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  16. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +6 -0
  17. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  18. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  19. package/dist/src/impaktapps-ui-builder/builder/services/component.d.ts +2 -0
  20. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +8 -0
  21. package/dist/src/impaktapps-ui-builder/builder/services/utils.d.ts +1 -1
  22. package/package.json +1 -1
  23. package/src/impaktapps-ui-builder/builder/build/buildAadharCard.ts +2 -0
  24. package/src/impaktapps-ui-builder/builder/build/buildConfig.ts +6 -1
  25. package/src/impaktapps-ui-builder/builder/build/buildPhoneInput.ts +26 -0
  26. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  27. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +42 -29
  28. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  29. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +113 -61
  30. package/src/impaktapps-ui-builder/builder/build/uischema/card.ts +8 -4
  31. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +108 -88
  32. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  33. package/src/impaktapps-ui-builder/builder/build/uischema/phoneInput.ts +16 -0
  34. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  35. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  36. package/src/impaktapps-ui-builder/builder/build/uischema/table.ts +1 -0
  37. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  38. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +73 -2
  39. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +63 -45
  40. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +51 -44
  41. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +232 -309
  42. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +166 -224
  43. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  44. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +147 -205
  45. package/src/impaktapps-ui-builder/builder/services/component.ts +228 -57
  46. package/src/impaktapps-ui-builder/builder/services/event.ts +182 -66
  47. package/src/impaktapps-ui-builder/builder/services/utils.ts +2 -2
  48. package/src/impaktapps-ui-builder/runtime/services/events.ts +32 -21
  49. package/src/impaktapps-ui-builder/runtime/services/service.ts +18 -29
@@ -0,0 +1 @@
1
+ export declare const buildPhoneInputField: (config: any, componentScope: string) => any;
@@ -8,18 +8,8 @@ export declare const APISection: {
8
8
  };
9
9
  config: {
10
10
  layout: any;
11
- style: {
12
- containerStyle: {
13
- borderRadius: string;
14
- };
15
- headerContainerStyle: {};
16
- textAreaStyle: {
17
- borderRadius: string;
18
- padding: string;
19
- };
20
- };
21
11
  main: {
22
- heading: string;
12
+ label: string;
23
13
  minRows: number;
24
14
  hideButton: boolean;
25
15
  enableCodeEditor: boolean;
@@ -30,8 +20,6 @@ export declare const APISection: {
30
20
  scope: string;
31
21
  options: {
32
22
  widget: string;
33
- elementLabelProp?: undefined;
34
- detail?: undefined;
35
23
  };
36
24
  config: {
37
25
  layout: {
@@ -45,16 +33,16 @@ export declare const APISection: {
45
33
  type: string;
46
34
  multiple?: undefined;
47
35
  options?: undefined;
36
+ childElementLabel?: undefined;
48
37
  };
38
+ style?: undefined;
49
39
  };
50
- layout?: undefined;
40
+ elements?: undefined;
51
41
  } | {
52
42
  type: string;
53
43
  scope: string;
54
44
  options: {
55
45
  widget: string;
56
- elementLabelProp?: undefined;
57
- detail?: undefined;
58
46
  };
59
47
  config: {
60
48
  layout: {
@@ -68,16 +56,16 @@ export declare const APISection: {
68
56
  type: string;
69
57
  multiple: boolean;
70
58
  options: any[];
59
+ childElementLabel?: undefined;
71
60
  };
61
+ style?: undefined;
72
62
  };
73
- layout?: undefined;
63
+ elements?: undefined;
74
64
  } | {
75
65
  type: string;
76
66
  scope: string;
77
67
  options: {
78
68
  widget: string;
79
- elementLabelProp?: undefined;
80
- detail?: undefined;
81
69
  };
82
70
  config: {
83
71
  layout: {
@@ -87,53 +75,68 @@ export declare const APISection: {
87
75
  lg: number;
88
76
  };
89
77
  main?: undefined;
78
+ style?: undefined;
90
79
  };
91
- layout?: undefined;
80
+ elements?: undefined;
92
81
  } | {
93
82
  type: string;
94
83
  scope: string;
95
- layout: number;
96
84
  options: {
97
- elementLabelProp: string;
98
- detail: {
99
- type: string;
100
- elements: ({
101
- type: string;
102
- scope: string;
103
- options: {
104
- widget: string;
105
- };
106
- config: {
107
- layout: {
108
- xs: number;
109
- sm: number;
110
- md: number;
111
- lg: number;
112
- };
113
- main: {
114
- label: string;
115
- };
116
- };
117
- } | {
118
- type: string;
119
- scope: string;
120
- options: {
121
- widget: string;
122
- };
123
- config: {
124
- layout: {
125
- xs: number;
126
- sm: number;
127
- md: number;
128
- lg: number;
129
- };
130
- main?: undefined;
131
- };
132
- })[];
85
+ widget: string;
86
+ };
87
+ config: {
88
+ layout: number;
89
+ main: {
90
+ label: string;
91
+ childElementLabel: string;
92
+ type?: undefined;
93
+ multiple?: undefined;
94
+ options?: undefined;
95
+ };
96
+ style: {
97
+ marginLeft: string;
98
+ marginBottom: string;
99
+ labelStyle: {
100
+ marginLeft: string;
101
+ };
102
+ detailsStyle: {
103
+ marginLeft: string;
104
+ };
133
105
  };
134
- widget?: undefined;
135
106
  };
136
- config?: undefined;
107
+ elements: ({
108
+ type: string;
109
+ scope: string;
110
+ options: {
111
+ widget: string;
112
+ };
113
+ config: {
114
+ layout: {
115
+ xs: number;
116
+ sm: number;
117
+ md: number;
118
+ lg: number;
119
+ };
120
+ main: {
121
+ label: string;
122
+ };
123
+ };
124
+ } | {
125
+ type: string;
126
+ scope: string;
127
+ options: {
128
+ widget: string;
129
+ };
130
+ config: {
131
+ layout: {
132
+ xs: number;
133
+ sm: number;
134
+ md: number;
135
+ lg: number;
136
+ };
137
+ main?: undefined;
138
+ };
139
+ })[];
137
140
  })[];
138
141
  };
139
142
  export declare const APISectionSchema: {
@@ -1,3 +1,13 @@
1
+ export declare const emptyBox: (scope: string, layout?: any) => {
2
+ type: string;
3
+ scope: string;
4
+ options: {
5
+ widget: string;
6
+ };
7
+ config: {
8
+ layout: any;
9
+ };
10
+ };
1
11
  export declare const getRadioInputField: (scope: String, label: String, options: string[]) => {
2
12
  type: string;
3
13
  scope: string;
@@ -24,16 +34,6 @@ export declare const buildWrapper: (label: string, elements: any[]) => {
24
34
  label: string;
25
35
  isAccordion: boolean;
26
36
  };
27
- wrapperStyle: {
28
- marginTop: string;
29
- marginBottom: string;
30
- marginLeft: string;
31
- width: string;
32
- };
33
- componentsBoxStyle: {
34
- marginLeft: string;
35
- };
36
- defaultStyle: boolean;
37
37
  };
38
38
  elements: any[];
39
39
  };
@@ -45,18 +45,8 @@ export declare const getTextArea: (scope: string, heading: string, hideButton: b
45
45
  };
46
46
  config: {
47
47
  layout: any;
48
- style: {
49
- containerStyle: {
50
- borderRadius: string;
51
- };
52
- headerContainerStyle: {};
53
- textAreaStyle: {
54
- borderRadius: string;
55
- padding: string;
56
- };
57
- };
58
48
  main: {
59
- heading: string;
49
+ label: string;
60
50
  minRows: number;
61
51
  hideButton: boolean;
62
52
  enableCodeEditor: boolean;
@@ -107,5 +97,11 @@ export declare const getMultiSelectField: (scope: string, label: string) => {
107
97
  };
108
98
  export declare const buildPropertiesSection: (type: String) => {
109
99
  type: string;
100
+ config: {
101
+ main: {
102
+ label: string;
103
+ gap: string;
104
+ };
105
+ };
110
106
  elements: any[];
111
107
  };
@@ -6,6 +6,7 @@ export default function Card(theme: any): {
6
6
  position: string;
7
7
  top: string;
8
8
  transform: string;
9
+ marginBottom: number;
9
10
  };
10
11
  componentsBoxStyle: {
11
12
  boxShadow: string;
@@ -50,6 +51,7 @@ export default function Card(theme: any): {
50
51
  };
51
52
  wrapperStyle: {
52
53
  background: string;
54
+ marginBottom: number;
53
55
  };
54
56
  componentsBoxStyle: {
55
57
  flexDirection: string;
@@ -71,6 +73,7 @@ export default function Card(theme: any): {
71
73
  };
72
74
  wrapperStyle: {
73
75
  background: string;
76
+ marginBottom: number;
74
77
  };
75
78
  componentsBoxStyle: {
76
79
  flexDirection: string;
@@ -106,6 +109,7 @@ export default function Card(theme: any): {
106
109
  justifyContent: string;
107
110
  width: string;
108
111
  margin: string;
112
+ marginLeft: string;
109
113
  height: number;
110
114
  position?: undefined;
111
115
  left?: undefined;
@@ -135,6 +139,7 @@ export default function Card(theme: any): {
135
139
  margin: string;
136
140
  position: string;
137
141
  left: string;
142
+ marginLeft?: undefined;
138
143
  height?: undefined;
139
144
  };
140
145
  };
@@ -161,8 +166,10 @@ export default function Card(theme: any): {
161
166
  background: string;
162
167
  width: string;
163
168
  margin: string;
164
- marginTop: string;
165
- lineHeight: string;
169
+ marginTop: {
170
+ xs: string;
171
+ md: string;
172
+ };
166
173
  };
167
174
  layout: number;
168
175
  wrapperStyle?: undefined;
@@ -190,6 +197,7 @@ export default function Card(theme: any): {
190
197
  justifyContent: string;
191
198
  };
192
199
  imageStyle: {
200
+ width: string;
193
201
  fontSize: string;
194
202
  padding: string;
195
203
  margin: string;
@@ -1,5 +1,11 @@
1
1
  export declare const CoreSection: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: ({
4
10
  type: string;
5
11
  scope: string;
@@ -18,17 +24,13 @@ export declare const CoreSection: {
18
24
  main: {
19
25
  label: string;
20
26
  type: string;
27
+ required?: undefined;
21
28
  };
22
29
  };
23
30
  layout?: undefined;
24
31
  } | {
25
32
  type: string;
26
33
  scope: string;
27
- options: {
28
- widget: string;
29
- elementLabelProp?: undefined;
30
- detail?: undefined;
31
- };
32
34
  config: {
33
35
  layout: {
34
36
  xs: number;
@@ -36,15 +38,22 @@ export declare const CoreSection: {
36
38
  md: number;
37
39
  lg: number;
38
40
  };
39
- main: {
40
- label: string;
41
- type?: undefined;
42
- };
41
+ main?: undefined;
42
+ };
43
+ options: {
44
+ widget: string;
45
+ elementLabelProp?: undefined;
46
+ detail?: undefined;
43
47
  };
44
48
  layout?: undefined;
45
49
  } | {
46
50
  type: string;
47
51
  scope: string;
52
+ options: {
53
+ widget: string;
54
+ elementLabelProp?: undefined;
55
+ detail?: undefined;
56
+ };
48
57
  config: {
49
58
  layout: {
50
59
  xs: number;
@@ -52,12 +61,11 @@ export declare const CoreSection: {
52
61
  md: number;
53
62
  lg: number;
54
63
  };
55
- main?: undefined;
56
- };
57
- options: {
58
- widget: string;
59
- elementLabelProp?: undefined;
60
- detail?: undefined;
64
+ main: {
65
+ label: string;
66
+ required: boolean;
67
+ type?: undefined;
68
+ };
61
69
  };
62
70
  layout?: undefined;
63
71
  } | {
@@ -130,20 +138,3 @@ export declare const CoreSection: {
130
138
  config?: undefined;
131
139
  })[];
132
140
  };
133
- export declare const OptionArray: any;
134
- export declare const OptionArraySchema: {
135
- value: {
136
- type: string;
137
- items: {
138
- type: string;
139
- properties: {
140
- label: {
141
- type: string;
142
- };
143
- value: {
144
- type: string;
145
- };
146
- };
147
- };
148
- };
149
- };
@@ -9,28 +9,7 @@ export declare const EventSection: (theme: any) => {
9
9
  config: {
10
10
  main: {
11
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
- } | {
12
+ elements: {
34
13
  widget: {
35
14
  type: string;
36
15
  scope: string;
@@ -44,14 +23,19 @@ export declare const EventSection: (theme: any) => {
44
23
  icon: string;
45
24
  iconLabel: string;
46
25
  styleDefault: boolean;
47
- color?: undefined;
48
26
  };
49
27
  style: {
50
28
  mt: string;
29
+ color: string;
30
+ fill: string;
31
+ "&:hover": {
32
+ color: string;
33
+ fill: string;
34
+ };
51
35
  };
52
36
  };
53
37
  };
54
- })[];
38
+ }[];
55
39
  };
56
40
  disableAction: boolean;
57
41
  disableSelection: boolean;
@@ -61,12 +45,15 @@ export declare const EventSection: (theme: any) => {
61
45
  elements: ({
62
46
  accessorKey: string;
63
47
  header: string;
48
+ type: string;
49
+ size: number;
64
50
  widget?: undefined;
65
51
  field?: undefined;
66
- flex?: undefined;
67
52
  } | {
68
53
  accessorKey: string;
69
54
  header: string;
55
+ size: number;
56
+ type: string;
70
57
  widget: {
71
58
  type: string;
72
59
  scope: string;
@@ -75,7 +62,6 @@ export declare const EventSection: (theme: any) => {
75
62
  };
76
63
  config: {
77
64
  main: {
78
- color: string;
79
65
  size: string;
80
66
  icon: string;
81
67
  tooltipMessage: string;
@@ -83,16 +69,20 @@ export declare const EventSection: (theme: any) => {
83
69
  styleDefault?: undefined;
84
70
  };
85
71
  style: {
86
- color: any;
72
+ fill: any;
73
+ "& :hover": {
74
+ fill: any;
75
+ };
87
76
  };
88
77
  };
89
78
  accessorKeyName?: undefined;
90
79
  };
91
80
  field?: undefined;
92
- flex?: undefined;
93
81
  } | {
94
82
  accessorKey: string;
95
83
  header: string;
84
+ size: number;
85
+ type: string;
96
86
  widget: {
97
87
  type: string;
98
88
  scope: string;
@@ -103,21 +93,25 @@ export declare const EventSection: (theme: any) => {
103
93
  config: {
104
94
  main: {
105
95
  icon: string;
106
- color: string;
107
96
  tooltipMessage: string;
108
97
  onClick: string;
109
98
  size?: undefined;
110
99
  styleDefault?: undefined;
111
100
  };
112
- style?: undefined;
101
+ style: {
102
+ fill: any;
103
+ "& :hover": {
104
+ fill: any;
105
+ };
106
+ };
113
107
  };
114
108
  };
115
109
  field?: undefined;
116
- flex?: undefined;
117
110
  } | {
118
111
  header: string;
119
112
  field: string;
120
- flex: number;
113
+ size: number;
114
+ type: string;
121
115
  widget: {
122
116
  type: string;
123
117
  scope: string;
@@ -130,7 +124,6 @@ export declare const EventSection: (theme: any) => {
130
124
  onClick: string;
131
125
  tooltipMessage: string;
132
126
  styleDefault: boolean;
133
- color?: undefined;
134
127
  size?: undefined;
135
128
  };
136
129
  style?: undefined;
@@ -0,0 +1,20 @@
1
+ declare const PhoneInput: {
2
+ scope: string;
3
+ type: string;
4
+ options: {
5
+ widget: string;
6
+ };
7
+ config: {
8
+ layout: {
9
+ xs: number;
10
+ sm: number;
11
+ md: number;
12
+ lg: number;
13
+ };
14
+ main: {
15
+ defaultCountry: string;
16
+ label: string;
17
+ };
18
+ };
19
+ };
20
+ export default PhoneInput;
@@ -3,46 +3,60 @@ export declare const refreshSectionUiSchema: {
3
3
  elements: {
4
4
  type: string;
5
5
  scope: string;
6
- layout: number;
7
6
  options: {
8
- detail: {
9
- type: string;
10
- elements: ({
11
- type: string;
12
- scope: string;
13
- options: {
14
- widget: string;
15
- };
16
- config: {
17
- layout: {
18
- xs: number;
19
- sm: number;
20
- md: number;
21
- lg: number;
22
- };
23
- main: {
24
- label: string;
25
- };
26
- };
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: {
41
- label?: undefined;
42
- };
43
- };
44
- })[];
7
+ widget: string;
8
+ };
9
+ config: {
10
+ layout: number;
11
+ main: {
12
+ label: string;
13
+ childElementLabel: string;
14
+ };
15
+ style: {
16
+ marginLeft: string;
17
+ marginBottom: string;
18
+ labelStyle: {
19
+ marginLeft: string;
20
+ };
21
+ detailsStyle: {
22
+ marginLeft: string;
23
+ };
45
24
  };
46
25
  };
26
+ elements: ({
27
+ type: string;
28
+ scope: string;
29
+ options: {
30
+ widget: string;
31
+ };
32
+ config: {
33
+ layout: {
34
+ xs: number;
35
+ sm: number;
36
+ md: number;
37
+ lg: number;
38
+ };
39
+ main: {
40
+ label: string;
41
+ };
42
+ };
43
+ } | {
44
+ type: string;
45
+ scope: string;
46
+ options: {
47
+ widget: string;
48
+ };
49
+ config: {
50
+ layout: {
51
+ xs: number;
52
+ sm: number;
53
+ md: number;
54
+ lg: number;
55
+ };
56
+ main: {
57
+ label?: undefined;
58
+ };
59
+ };
60
+ })[];
47
61
  }[];
48
62
  };
@@ -1,5 +1,11 @@
1
1
  export declare const StyleSection: {
2
2
  type: string;
3
+ config: {
4
+ main: {
5
+ label: string;
6
+ gap: string;
7
+ };
8
+ };
3
9
  elements: {
4
10
  type: string;
5
11
  scope: string;
@@ -14,14 +20,7 @@ export declare const StyleSection: {
14
20
  lg: number;
15
21
  };
16
22
  style: {
17
- containerStyle: {
18
- borderRadius: string;
19
- };
20
- headerContainerStyle: {};
21
- textAreaStyle: {
22
- borderRadius: string;
23
- padding: string;
24
- };
23
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {};
25
24
  };
26
25
  main: {
27
26
  heading: string;
@@ -9,6 +9,7 @@ declare const _default: {
9
9
  main: {
10
10
  onMount: string;
11
11
  enableExpandAll: boolean;
12
+ headerIcons: {};
12
13
  allRowData: any[];
13
14
  downloadAllData: boolean;
14
15
  columns: {