impaktapps-ui-builder 0.0.101-alpha.9 → 0.0.101-alpha.91

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 (36) hide show
  1. package/dist/impaktapps-ui-builder.es.js +1134 -809
  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/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/dist/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.d.ts +6 -0
  15. package/dist/src/impaktapps-ui-builder/builder/services/event.d.ts +6 -0
  16. package/package.json +1 -1
  17. package/src/impaktapps-ui-builder/builder/build/buildText.ts +21 -18
  18. package/src/impaktapps-ui-builder/builder/build/buildUiSchema.ts +14 -10
  19. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  20. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +101 -95
  21. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +189 -110
  22. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +39 -17
  23. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  24. package/src/impaktapps-ui-builder/builder/build/uischema/styleSection.ts +9 -13
  25. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +40 -18
  26. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +117 -48
  27. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +113 -45
  28. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +23 -23
  29. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +119 -51
  30. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +30 -21
  31. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +15 -12
  32. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +188 -295
  33. package/src/impaktapps-ui-builder/builder/services/component.ts +146 -32
  34. package/src/impaktapps-ui-builder/builder/services/event.ts +167 -65
  35. package/src/impaktapps-ui-builder/runtime/services/events.ts +8 -1
  36. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -4
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
  };
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -4,44 +4,44 @@ export const ComponentSchema: any = {
4
4
  type: {
5
5
  // type: "string",
6
6
  oneOf: [
7
- { title: "AadharcardText", const: "AadharcardText" },
7
+ { title: "Masked Aadhar Card", const: "AadharcardText" },
8
8
  { title: "Array", const: "Array" },
9
9
  { title: "Button", const: "Button" },
10
- { title: "Card", const: "card" },
11
- { title: "CheckBox", const: "CheckBox" },
10
+ { title: "Data Card", const: "card" },
11
+ { title: "Check Box", const: "CheckBox" },
12
12
  { title: "Container", const: "WrapperSection" },
13
- { title: "DataGrid", const: "DataGrid" },
13
+ { title: "Data Grid", const: "DataGrid" },
14
14
  { title: "Date", const: "Date" },
15
- { title: "DateTime", const: "DateTime" },
16
- { title: "Download File", const: "DownloadFile" },
15
+ { title: "Time Stamp", const: "DateTime" },
16
+ { title: "Download", const: "DownloadFile" },
17
17
  { title: "Empty Box", const: "EmptyBox" },
18
- { title: "File", const: "FileInput" },
18
+ { title: "File Handler", const: "FileInput" },
19
19
  { title: "Graph", const: "Graph" },
20
20
  { title: "Input Slider", const: "InputSlider" },
21
21
  { title: "Label", const: "Box" },
22
- { title: "LeaderBoard", const: "LeaderBoard" },
23
- { title: "MultipleSelect", const: "MultipleSelect" },
24
- { title: "PanCardText", const: "PanCardText" },
25
- { title: "Popup Container", const: "PopUp" },
26
- { title: "ProgressBar", const: "ProgressBar" },
27
- { title: "ProgressBar Card", const: "ProgressBarCard" },
28
- { title: "Select", const: "Select" },
22
+ { title: "Leaderboard", const: "LeaderBoard" },
23
+ { title: "Multi-Select Dropdown", const: "MultipleSelect" },
24
+ { title: "Pan Card Masked", const: "PanCardText" },
25
+ { title: "Pop Up", const: "PopUp" },
26
+ { title: "Progress Bar", const: "ProgressBar" },
27
+ { title: "Progress Bar Card", const: "ProgressBarCard" },
28
+ { title: "Dropdown", const: "Select" },
29
29
  { title: "Slider", const: "Slider" },
30
- { title: "SpeedoMeter", const: "SpeedoMeter" },
30
+ { title: "Speedometer", const: "SpeedoMeter" },
31
31
  { title: "Stepper Container", const: "Stepper" },
32
32
  { title: "Radio", const: "Radio" },
33
33
  { title: "Rank", const: "Rank" },
34
34
  { title: "Rank Card", const: "RankCard" },
35
- { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
35
+ { title: "Runner Boy", const: "RunnerBoyProgressBar" },
36
36
  { title: "Table", const: "Table" },
37
37
  { title: "Tabs", const: "TabSection" },
38
38
  { title: "Text", const: "Text" },
39
39
  { title: "Text Area", const: "TextArea" },
40
40
  { title: "Timer", const: "Timer" },
41
- { title: "Upload File", const: "UploadFile" },
42
- { title: "TreeMap", const: "TreeMap" },
43
- { title: "ColumnGroup", const: "ColumnGroup" },
44
- { title: "Thought of the Day", const: "Thought" },
41
+ { title: "Upload", const: "UploadFile" },
42
+ { title: "Tree ", const: "TreeMap" },
43
+ { title: "Column Group", const: "ColumnGroup" },
44
+ { title: "Thought of the day", const: "Thought" },
45
45
  { title: "Pdf Viewer", const: "PdfViewer"}
46
46
  ]
47
47
  },
@@ -204,8 +204,6 @@ export const ComponentSchema: any = {
204
204
  },
205
205
  },
206
206
  filteringOptions:{
207
- type: "array",
208
- items:{
209
207
  oneOf: [
210
208
  { const: 'fuzzy', title: 'Fuzzy' },
211
209
  { const: 'contains', title: 'Contain' },
@@ -220,7 +218,6 @@ export const ComponentSchema: any = {
220
218
  { const: 'lessThan', title: 'Less than' },
221
219
  { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
222
220
  ]
223
- },
224
221
  },
225
222
  legendLabels: {
226
223
  type: "array",
@@ -340,6 +337,9 @@ export const ComponentSchema: any = {
340
337
  { title: "Info", const: "info" },
341
338
  ]
342
339
  },
340
+ pageName: {
341
+ path: []
342
+ },
343
343
  name: {
344
344
  type: "string",
345
345
  },