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

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +111 -66
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +4 -4
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  10. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  11. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts CHANGED
@@ -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;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts CHANGED
@@ -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;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts CHANGED
@@ -1,47 +1,66 @@
1
1
  export declare const ValidationSection: {
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;
6
- layout: number;
7
12
  options: {
8
- elementLabelProp: string;
9
- detail: {
10
- type: string;
11
- elements: ({
12
- type: string;
13
- scope: string;
14
- options: {
15
- widget: string;
16
- };
17
- config: {
18
- layout: {
19
- xs: number;
20
- sm: number;
21
- md: number;
22
- lg: number;
23
- };
24
- main: {
25
- label: string;
26
- };
27
- };
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: number;
39
- lg?: undefined;
40
- };
41
- main?: undefined;
42
- };
43
- })[];
13
+ widget: string;
14
+ };
15
+ config: {
16
+ layout: number;
17
+ main: {
18
+ label: string;
19
+ childElementLabel: string;
20
+ };
21
+ style: {
22
+ marginLeft: string;
23
+ marginBottom: string;
24
+ labelStyle: {
25
+ marginLeft: string;
26
+ };
27
+ detailsStyle: {
28
+ marginLeft: string;
29
+ };
44
30
  };
45
31
  };
32
+ elements: ({
33
+ type: string;
34
+ scope: string;
35
+ options: {
36
+ widget: string;
37
+ };
38
+ config: {
39
+ layout: {
40
+ xs: number;
41
+ sm: number;
42
+ md: number;
43
+ lg: number;
44
+ };
45
+ main: {
46
+ label: string;
47
+ };
48
+ };
49
+ } | {
50
+ type: string;
51
+ scope: string;
52
+ options: {
53
+ widget: string;
54
+ };
55
+ config: {
56
+ layout: {
57
+ xs: number;
58
+ sm: number;
59
+ md: number;
60
+ lg: number;
61
+ };
62
+ main?: undefined;
63
+ };
64
+ })[];
46
65
  }[];
47
66
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.13",
3
+ "version": "0.0.101-alpha.14",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -16,21 +16,25 @@ export const EventSection = (theme)=>{
16
16
  widget: {
17
17
  type: "Control",
18
18
  scope: "#/properties/New_Record",
19
-
20
19
  options: {
21
20
  widget: "IconButton",
22
21
  },
23
22
  config: {
24
23
  main: {
25
- color: "info",
26
24
  onClick: "eventAddHandler",
27
25
  size: "small",
28
- icon: "AddIcon",
29
- iconLabel: "Add New",
26
+ icon: "TableAddIcon",
27
+ iconLabel: "Add",
30
28
  styleDefault: true,
31
29
  },
32
30
  style: {
33
31
  mt: "6px",
32
+ color: "inherit",
33
+ fill: "inherit",
34
+ "&:hover": {
35
+ color: "inherit",
36
+ fill: "inherit",
37
+ }
34
38
  },
35
39
  },
36
40
  }
@@ -45,15 +49,20 @@ export const EventSection = (theme)=>{
45
49
  },
46
50
  config: {
47
51
  main: {
48
- // color: "info",
49
52
  onClick: "copyPasteElement",
50
53
  size: "small",
51
- icon: "PasteIcon",
54
+ icon: "TablePaste",
52
55
  iconLabel: "Paste",
53
56
  styleDefault: true,
54
57
  },
55
58
  style: {
56
59
  mt: "6px",
60
+ color: "inherit",
61
+ fill: "inherit",
62
+ "&:hover": {
63
+ color: "inherit",
64
+ fill: "inherit",
65
+ }
57
66
  },
58
67
  },
59
68
  }
@@ -71,15 +80,20 @@ export const EventSection = (theme)=>{
71
80
  {
72
81
  accessorKey: "eventType",
73
82
  header: "Event Type",
83
+ type: "string",
84
+ size: 300,
74
85
  },
75
86
  {
76
87
  accessorKey: "Handler",
77
88
  header: "Handler",
89
+ type: "string",
90
+ size: 200,
78
91
  },
79
92
  {
80
93
  accessorKey: "Edit_Approve_Records",
81
94
  header: "Edit Widget",
82
-
95
+ size: 150,
96
+ type: "action",
83
97
  widget: {
84
98
  type: "Control",
85
99
  scope: "#/properties/Edit_Records",
@@ -88,14 +102,16 @@ export const EventSection = (theme)=>{
88
102
  },
89
103
  config: {
90
104
  main: {
91
- color: "info",
92
105
  size: "small",
93
- icon: "EditIcon",
106
+ icon: "TableEditIcon",
94
107
  tooltipMessage: "Edit This Record",
95
108
  onClick: "eventEditHandler",
96
109
  },
97
110
  style: {
98
- color: theme.palette.primary.main,
111
+ fill: theme.palette.primary.main,
112
+ "& :hover": {
113
+ fill: theme.palette.primary.dark,
114
+ },
99
115
  },
100
116
  },
101
117
  },
@@ -103,7 +119,8 @@ export const EventSection = (theme)=>{
103
119
  {
104
120
  accessorKey: "Reject_Records",
105
121
  header: "Delete",
106
-
122
+ size: 150,
123
+ type: "action",
107
124
  widget: {
108
125
  type: "Control",
109
126
  scope: "#/properties/RejectButton",
@@ -113,18 +130,24 @@ export const EventSection = (theme)=>{
113
130
  },
114
131
  config: {
115
132
  main: {
116
- icon: "RejectIcon",
117
- color: "error",
133
+ icon: "Bin",
118
134
  tooltipMessage: "Reject This Record",
119
135
  onClick: "deletePopUpEvent",
120
136
  },
137
+ style: {
138
+ fill: theme.palette.primary.main,
139
+ "& :hover": {
140
+ fill: theme.palette.primary.dark,
141
+ },
142
+ },
121
143
  },
122
144
  },
123
145
  },
124
146
  {
125
147
  header: "Copy",
126
148
  field: "Copy_Event",
127
- flex: 1,
149
+ size: 150,
150
+ type: "action",
128
151
  widget: {
129
152
  type: "Control",
130
153
  scope: "#/properties/Copy_Event",
@@ -134,7 +157,6 @@ export const EventSection = (theme)=>{
134
157
  config: {
135
158
  main: {
136
159
  icon: "FileCopyIcon",
137
- // color: "error",
138
160
  onClick: "copyPasteElement",
139
161
  tooltipMessage: "Reject This Record",
140
162
  styleDefault: true,
package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts CHANGED
@@ -1,5 +1,11 @@
1
1
  export const StyleSection = {
2
- type: "HorizontalLayout",
2
+ type: "WrapperLayout",
3
+ config: {
4
+ main: {
5
+ label: " ",
6
+ gap: "8px"
7
+ }
8
+ },
3
9
  elements: [
4
10
  {
5
11
  type: "Control",
@@ -15,18 +21,8 @@ export const StyleSection = {
15
21
  md: 12,
16
22
  lg: 12,
17
23
  },
18
- style:{
19
- containerStyle:{
20
- // background:"gray"
21
- borderRadius:"20px"
22
- },
23
- headerContainerStyle:{
24
-
25
- },
26
- textAreaStyle:{
27
- borderRadius:"20px",
28
- padding:"20px"
29
- }
24
+ style: {
25
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {},
30
26
  },
31
27
  main: {
32
28
  heading:"JSON Style",
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -1,57 +1,126 @@
1
1
  export const ValidationSection = {
2
- type: "HorizontalLayout",
2
+ type: "WrapperLayout",
3
+ config: {
4
+ main: {
5
+ label: " ",
6
+ gap: "8px"
7
+ }
8
+ },
3
9
  elements: [
4
- {
5
- type: "Control",
6
- scope: "#/properties/validation",
7
- layout: 11.5,
8
- options: {
9
- "elementLabelProp": "validationType",
10
- detail: {
11
- type: "HorizontalLayout",
12
- elements: [
13
- {
14
- type: "Control",
15
- scope: "#/properties/validationType",
10
+ // {
11
+ // type: "Control",
12
+ // scope: "#/properties/validation",
13
+ // layout: 11.5,
14
+ // options: {
15
+ // "elementLabelProp": "validationType",
16
+ // detail: {
17
+ // type: "HorizontalLayout",
18
+ // elements: [
19
+ // {
20
+ // type: "Control",
21
+ // scope: "#/properties/validationType",
22
+
23
+ // options: {
24
+ // widget: "SelectInputField",
25
+ // },
26
+ // config: {
27
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
28
+ // main: {
29
+ // label: "Validation Type",
30
+ // },
31
+ // },
32
+ // },
33
+ // {
34
+ // type: "Control",
35
+ // scope: "#/properties/validationValue",
16
36
 
17
- options: {
18
- widget: "SelectInputField",
19
- },
20
- config: {
21
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
- main: {
23
- label: "Validation Type",
24
- },
25
- },
26
- },
27
- {
28
- type: "Control",
29
- scope: "#/properties/validationValue",
37
+ // options: {
38
+ // widget: "InputField",
39
+ // },
40
+ // config: {
41
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
42
+ // main: {
43
+ // label: "Validation Value",
44
+ // },
45
+ // },
46
+ // },
47
+ // {
48
+ // type: "Control",
49
+ // scope: "#/properties/emptyBox",
50
+ // options: {
51
+ // widget: "EmptyBox"
52
+ // },
53
+ // config: {
54
+ // layout: {xs: 0, sm: 0, md: 4}
55
+ // }
56
+ // }
57
+ // ],
58
+ // },
59
+ // },
30
60
 
31
- options: {
32
- widget: "InputField",
33
- },
34
- config: {
35
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
- main: {
37
- label: "Validation Value",
38
- },
39
- },
40
- },
41
- {
42
- type: "Control",
43
- scope: "#/properties/emptyBox",
44
- options: {
45
- widget: "EmptyBox"
46
- },
47
- config: {
48
- layout: {xs: 0, sm: 0, md: 4}
49
- }
50
- }
51
- ],
61
+ // },
62
+ {
63
+ type: "Control",
64
+ scope: "#/properties/validation",
65
+ options: {
66
+ widget: "Array",
67
+ },
68
+ config: {
69
+ layout: 12,
70
+ main: {
71
+ label: "Validation",
72
+ childElementLabel: "Validation",
73
+ },
74
+ style: {
75
+ marginLeft: "-24px",
76
+ marginBottom: "24px !important",
77
+ labelStyle: {
78
+ marginLeft: "24px",
79
+ },
80
+ detailsStyle: {
81
+ marginLeft: "24px",
82
+ }
83
+ }
84
+ },
85
+ elements: [
86
+ {
87
+ type: "Control",
88
+ scope: "#/properties/validationType",
89
+ options: {
90
+ widget: "SelectInputField",
91
+ },
92
+ config: {
93
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
94
+ main: {
95
+ label: "Validation Type",
96
+ },
52
97
  },
53
98
  },
99
+ {
100
+ type: "Control",
101
+ scope: "#/properties/validationValue",
54
102
 
55
- },
103
+ options: {
104
+ widget: "InputField",
105
+ },
106
+ config: {
107
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
108
+ main: {
109
+ label: "Validation Value",
110
+ },
111
+ },
112
+ },
113
+ {
114
+ type: "Control",
115
+ scope: "#/properties/emptyBox",
116
+ options: {
117
+ widget: "EmptyBox"
118
+ },
119
+ config: {
120
+ layout: {xs: 0, sm: 0, md: 4, lg: 4}
121
+ }
122
+ }
123
+ ],
124
+ },
56
125
  ]
57
126
  };