impaktapps-ui-builder 0.0.101-alpha.2 → 0.0.101-alpha.21

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 (29) hide show
  1. package/dist/impaktapps-ui-builder.es.js +761 -843
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/apiSection.d.ts +63 -57
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +8 -9
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +98 -95
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +26 -33
  9. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  10. package/dist/src/impaktapps-ui-builder/builder/build/uischema/styleSection.d.ts +7 -8
  11. package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +29 -33
  12. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +56 -37
  13. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +56 -36
  14. package/package.json +1 -1
  15. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  16. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +14 -20
  17. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  18. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +37 -15
  19. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  20. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  21. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  22. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  23. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  24. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +19 -19
  25. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +272 -346
  26. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +109 -241
  27. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
  28. package/src/impaktapps-ui-builder/builder/services/component.ts +2 -2
  29. package/src/impaktapps-ui-builder/builder/services/event.ts +12 -12
package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts CHANGED
@@ -6,56 +6,56 @@ export const refreshSectionUiSchema = {
6
6
  {
7
7
  type: "Control",
8
8
  scope: "#/properties/refreshElements",
9
- layout: 11.5,
10
9
  options: {
11
- detail: {
12
- type: "HorizontalLayout",
13
- elements: [
14
- {
15
- type: "Control",
16
- scope: "#/properties/value",
17
-
18
- options: {
19
- widget: "InputField",
20
- },
21
- config: {
22
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
23
- main: {
24
- label: "Value",
25
- },
26
- },
27
- },
28
- {
29
- type: "Control",
30
- scope: "#/properties/emptyBox",
10
+ widget: "Array",
11
+ },
12
+ config: {
13
+ layout: 12,
14
+ main: {
15
+ label: "Refresh Elements",
16
+ childElementLabel: "Refresh Elements",
17
+ },
18
+ style: {
19
+ marginLeft: "-24px",
20
+ marginBottom: "24px !important",
21
+ labelStyle: {
22
+ marginLeft: "24px",
23
+ },
24
+ detailsStyle: {
25
+ marginLeft: "24px",
26
+ }
27
+ }
28
+ },
29
+ elements: [
30
+ {
31
+ type: "Control",
32
+ scope: "#/properties/value",
31
33
 
32
- options: {
33
- widget: "EmptyBox",
34
- },
35
- config: {
36
- layout: { xs: 0, sm: 6, md: 4, lg: 4 },
37
- main: {
38
-
39
- },
40
- },
34
+ options: {
35
+ widget: "InputField",
36
+ },
37
+ config: {
38
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
39
+ main: {
40
+ label: "Value",
41
41
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
42
+ },
43
+ },
44
+ {
45
+ type: "Control",
46
+ scope: "#/properties/emptyBox",
45
47
 
46
- options: {
47
- widget: "EmptyBox",
48
- },
49
- config: {
50
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
51
- main: {
52
-
53
- },
54
- },
48
+ options: {
49
+ widget: "EmptyBox",
50
+ },
51
+ config: {
52
+ layout: { xs: 6, sm: 6, md: 8, lg: 8 },
53
+ main: {
54
+
55
55
  },
56
- ],
56
+ },
57
57
  },
58
- },
58
+ ],
59
59
  }
60
60
  ],
61
61
  };
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/tableSection.ts CHANGED
@@ -22,15 +22,20 @@ export const TableSection = (theme) => {
22
22
  },
23
23
  config: {
24
24
  main: {
25
- color: "info",
26
25
  onClick: "widgetAddClickHandler",
27
26
  size: "small",
28
- icon: "AddIcon",
29
- iconLabel: "Add New",
27
+ icon: "TableAddIcon",
28
+ iconLabel: "Add",
30
29
  styleDefault: true,
31
30
  },
32
31
  style: {
33
32
  mt: "6px",
33
+ color: "inherit",
34
+ fill: "inherit",
35
+ "&:hover": {
36
+ color: "inherit",
37
+ fill: "inherit",
38
+ }
34
39
  },
35
40
  },
36
41
  }
@@ -39,21 +44,25 @@ export const TableSection = (theme) => {
39
44
  widget: {
40
45
  type: "Control",
41
46
  scope: "#/properties/Paste_Component",
42
-
43
47
  options: {
44
48
  widget: "IconButton",
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
  }
@@ -69,16 +78,21 @@ export const TableSection = (theme) => {
69
78
  elements: [
70
79
  {
71
80
  accessorKey: "name",
72
- header: "Name"
81
+ header: "Name",
82
+ type: "string",
83
+ size: 300,
73
84
  },
74
85
  {
75
86
  accessorKey: "type",
76
- header: "Type"
87
+ header: "Type",
88
+ type: "string",
89
+ size: 200,
77
90
  },
78
91
  {
79
92
  header: "Edit Record",
80
93
  field: "Reject_Records",
81
- flex: 1,
94
+ size: 150,
95
+ type: "action",
82
96
  widget: {
83
97
  type: "Control",
84
98
  scope: "#/properties/RejectButton",
@@ -87,14 +101,16 @@ export const TableSection = (theme) => {
87
101
  },
88
102
  config: {
89
103
  main: {
90
- icon: "EditIcon",
91
- color: "primary",
104
+ icon: "TableEditIcon",
105
+ size: "small",
92
106
  onClick: "editComponents",
93
107
  tooltipMessage: "Reject This Record",
94
108
  },
95
-
96
109
  style: {
97
- color: theme.palette.primary.main,
110
+ fill: theme.palette.primary.main,
111
+ "& :hover": {
112
+ fill: theme.palette.primary.dark,
113
+ },
98
114
  },
99
115
  },
100
116
  },
@@ -102,7 +118,8 @@ export const TableSection = (theme) => {
102
118
  {
103
119
  header: "Delete",
104
120
  field: "Reject_Records",
105
- flex: 1,
121
+ size: 150,
122
+ type: "action",
106
123
  widget: {
107
124
  type: "Control",
108
125
  scope: "#/properties/RejectButton",
@@ -111,18 +128,24 @@ export const TableSection = (theme) => {
111
128
  },
112
129
  config: {
113
130
  main: {
114
- icon: "RejectIcon",
115
- color: "error",
131
+ icon: "Bin",
116
132
  onClick: "deletePopUpComponent",
117
133
  tooltipMessage: "Reject This Record",
118
134
  },
135
+ style: {
136
+ fill: theme.palette.primary.main,
137
+ "& :hover": {
138
+ fill: theme.palette.primary.dark,
139
+ },
140
+ },
119
141
  },
120
142
  },
121
143
  },
122
144
  {
123
145
  header: "Copy",
124
146
  field: "Copy_Component",
125
- flex: 1,
147
+ size: 150,
148
+ type: "action",
126
149
  widget: {
127
150
  type: "Control",
128
151
  scope: "#/properties/Copy_Component",
@@ -132,7 +155,6 @@ export const TableSection = (theme) => {
132
155
  config: {
133
156
  main: {
134
157
  icon: "FileCopyIcon",
135
- // color: "error",
136
158
  onClick: "copyPasteElement",
137
159
  styleDefault: true,
138
160
  disabled: false
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
  };
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -1,57 +1,125 @@
1
- import { OptionArray } from "./coreSection";
2
-
3
1
  export const ValueTab = {
4
- type: "HorizontalLayout",
2
+ type: "WrapperLayout",
3
+ config: {
4
+ main: {
5
+ label: " ",
6
+ gap: "8px"
7
+ }
8
+ },
5
9
  elements: [
10
+ // {
11
+ // type: "Control",
12
+ // scope: "#/properties/value",
13
+ // layout: 12,
14
+ // options: {
15
+ // detail: {
16
+ // type: "HorizontalLayout",
17
+ // elements: [
18
+ // {
19
+ // type: "Control",
20
+ // scope: "#/properties/label",
21
+ // options: {
22
+ // widget: "InputField",
23
+ // },
24
+ // config: {
25
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
26
+ // main: {
27
+ // label: "Label",
28
+ // },
29
+ // },
30
+ // },
31
+ // {
32
+ // type: "Control",
33
+ // scope: "#/properties/value",
34
+
35
+ // options: {
36
+ // widget: "InputField",
37
+ // },
38
+ // config: {
39
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
40
+ // main: {
41
+ // label: "Value",
42
+
43
+ // },
44
+ // },
45
+ // },
46
+ // {
47
+ // type: "Control",
48
+ // scope: "#/properties/emptyBox",
49
+ // options: {
50
+ // widget: "EmptyBox"
51
+ // },
52
+ // config: {
53
+ // layout: { xs: 0, sm: 0, md: 4, lg: 4 },
54
+ // }
55
+ // }
56
+ // ],
57
+ // },
58
+ // },
59
+ // }
6
60
  {
7
61
  type: "Control",
8
62
  scope: "#/properties/value",
9
- layout: 12,
10
63
  options: {
11
- detail: {
12
- type: "HorizontalLayout",
13
- elements: [
14
- {
15
- type: "Control",
16
- scope: "#/properties/label",
17
- options: {
18
- widget: "InputField",
19
- },
20
- config: {
21
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
22
- main: {
23
- label: "Label",
24
- },
25
- },
64
+ widget: "Array",
65
+ },
66
+ config: {
67
+ layout: 12,
68
+ main: {
69
+ label: "Value",
70
+ childElementLabel: "Value",
71
+ },
72
+ style: {
73
+ marginLeft: "-24px",
74
+ marginBottom: "24px !important",
75
+ labelStyle: {
76
+ marginLeft: "24px",
77
+ },
78
+ detailsStyle: {
79
+ marginLeft: "24px",
80
+ }
81
+ }
82
+ },
83
+ elements: [
84
+ {
85
+ type: "Control",
86
+ scope: "#/properties/label",
87
+ options: {
88
+ widget: "InputField",
89
+ },
90
+ config: {
91
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
92
+ main: {
93
+ label: "Label",
26
94
  },
27
- {
28
- type: "Control",
29
- scope: "#/properties/value",
30
-
31
- options: {
32
- widget: "InputField",
33
- },
34
- config: {
35
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
36
- main: {
37
- label: "Value",
38
-
39
- },
40
- },
95
+ },
96
+ },
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/value",
100
+
101
+ options: {
102
+ widget: "InputField",
103
+ },
104
+ config: {
105
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
106
+ main: {
107
+ label: "Value",
108
+
41
109
  },
42
- {
43
- type: "Control",
44
- scope: "#/properties/emptyBox",
45
- options: {
46
- widget: "EmptyBox"
47
- },
48
- config: {
49
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
50
- }
51
- }
52
- ],
110
+ },
53
111
  },
54
- },
112
+ {
113
+ type: "Control",
114
+ scope: "#/properties/emptyBox",
115
+ options: {
116
+ widget: "EmptyBox"
117
+ },
118
+ config: {
119
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 },
120
+ }
121
+ }
122
+ ],
55
123
  }
56
124
  ],
57
125
  };