impaktapps-ui-builder 0.0.101-alpha.13 → 0.0.101-alpha.130

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 (34) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1058 -717
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +15 -15
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +62 -59
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +17 -21
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  13. package/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  14. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  15. package/package.json +1 -1
  16. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  17. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  18. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  19. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
  20. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  21. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  22. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  23. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  24. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  25. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -43
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +68 -9
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +46 -20
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
  31. package/src/impaktapps-ui-builder/builder/services/component.ts +161 -32
  32. package/src/impaktapps-ui-builder/builder/services/event.ts +165 -65
  33. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  34. package/src/impaktapps-ui-builder/runtime/services/service.ts +29 -4
@@ -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
  };
@@ -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;
@@ -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,28 +9,7 @@ export declare const TableSection: (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 TableSection: (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,13 +45,15 @@ export declare const TableSection: (theme: any) => {
61
45
  elements: ({
62
46
  accessorKey: string;
63
47
  header: string;
48
+ type: string;
49
+ size: number;
64
50
  field?: undefined;
65
- flex?: undefined;
66
51
  widget?: undefined;
67
52
  } | {
68
53
  header: string;
69
54
  field: string;
70
- flex: number;
55
+ size: number;
56
+ type: string;
71
57
  widget: {
72
58
  type: string;
73
59
  scope: string;
@@ -77,14 +63,17 @@ export declare const TableSection: (theme: any) => {
77
63
  config: {
78
64
  main: {
79
65
  icon: string;
80
- color: string;
66
+ size: string;
81
67
  onClick: string;
82
68
  tooltipMessage: string;
83
69
  styleDefault?: undefined;
84
70
  disabled?: undefined;
85
71
  };
86
72
  style: {
87
- color: any;
73
+ fill: any;
74
+ "& :hover": {
75
+ fill: any;
76
+ };
88
77
  };
89
78
  };
90
79
  };
@@ -92,7 +81,8 @@ export declare const TableSection: (theme: any) => {
92
81
  } | {
93
82
  header: string;
94
83
  field: string;
95
- flex: number;
84
+ size: number;
85
+ type: string;
96
86
  widget: {
97
87
  type: string;
98
88
  scope: string;
@@ -102,20 +92,26 @@ export declare const TableSection: (theme: any) => {
102
92
  config: {
103
93
  main: {
104
94
  icon: string;
105
- color: string;
106
95
  onClick: string;
107
96
  tooltipMessage: string;
97
+ size?: undefined;
108
98
  styleDefault?: undefined;
109
99
  disabled?: undefined;
110
100
  };
111
- style?: undefined;
101
+ style: {
102
+ fill: any;
103
+ "& :hover": {
104
+ fill: any;
105
+ };
106
+ };
112
107
  };
113
108
  };
114
109
  accessorKey?: undefined;
115
110
  } | {
116
111
  header: string;
117
112
  field: string;
118
- flex: number;
113
+ size: number;
114
+ type: string;
119
115
  widget: {
120
116
  type: string;
121
117
  scope: string;
@@ -128,7 +124,7 @@ export declare const TableSection: (theme: any) => {
128
124
  onClick: string;
129
125
  styleDefault: boolean;
130
126
  disabled: boolean;
131
- color?: undefined;
127
+ size?: undefined;
132
128
  tooltipMessage?: undefined;
133
129
  };
134
130
  style?: undefined;