impaktapps-ui-builder 0.0.101-alpha.16 → 0.0.101-alpha.18

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 (8) hide show
  1. package/dist/impaktapps-ui-builder.es.js +111 -125
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +17 -17
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +5 -3
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +168 -115
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.16",
3
+ "version": "0.0.101-alpha.18",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts CHANGED
@@ -8,40 +8,40 @@ export const ComponentSchema: any = {
8
8
  { title: "Array", const: "Array" },
9
9
  { title: "Button", const: "Button" },
10
10
  { title: "Data Card", const: "card" },
11
- { title: "CheckBox", const: "CheckBox" },
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
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" },
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
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -354,7 +354,7 @@ export const PageMasterUiSchema: any = (theme) => {
354
354
  {
355
355
  accessorKey: "Handler",
356
356
  header: "Handler",
357
- size: 300,
357
+ size: 200,
358
358
  type: "string"
359
359
  },
360
360
  {
@@ -387,6 +387,8 @@ export const PageMasterUiSchema: any = (theme) => {
387
387
  {
388
388
  accessorKey: "Reject_Records",
389
389
  header: "Delete",
390
+ type: "action",
391
+ size: 150,
390
392
  widget: {
391
393
  type: "Control",
392
394
  scope: "#/properties/RejectButton",
@@ -411,7 +413,8 @@ export const PageMasterUiSchema: any = (theme) => {
411
413
  {
412
414
  header: "Copy",
413
415
  field: "Copy_Event",
414
- flex: 1,
416
+ type: "action",
417
+ size: 150,
415
418
  widget: {
416
419
  type: "Control",
417
420
  scope: "#/properties/Copy_Event",
@@ -421,7 +424,6 @@ export const PageMasterUiSchema: any = (theme) => {
421
424
  config: {
422
425
  main: {
423
426
  icon: "FileCopyIcon",
424
- // color: "error",
425
427
  onClick: "copyPasteElement",
426
428
  styleDefault: true,
427
429
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -3,41 +3,59 @@ import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
3
3
  export const EventUiSchema: any = (theme) => {
4
4
  const uiSchema = {
5
5
  type: "HorizontalLayout",
6
- heading: "Component",
6
+ heading: "Page-Event",
7
7
  elements: [
8
- {
9
- type: "Control",
10
- scope: "#/properties/pageName",
8
+ // {
9
+ // type: "Control",
10
+ // scope: "#/properties/pageName",
11
11
 
12
- options: {
13
- widget: "Box",
14
- },
15
- config: {
16
- layout: 12,
17
- main: {
18
- heading: " ",
19
- },
20
- style: {
21
- marginLeft: theme.spacing(3),
22
- width:"auto",
23
- fontSize:"12px",
24
- color:"gray",
25
- },
26
- },
27
- },
12
+ // options: {
13
+ // widget: "Box",
14
+ // },
15
+ // config: {
16
+ // layout: 12,
17
+ // main: {
18
+ // heading: " ",
19
+ // },
20
+ // style: {
21
+ // marginLeft: theme.spacing(3),
22
+ // width:"auto",
23
+ // fontSize:"12px",
24
+ // color:"gray",
25
+ // },
26
+ // },
27
+ // },
28
28
  {
29
29
  type: "TabLayout",
30
30
  config: {
31
31
  main: {
32
- tabLabels: ["Core", "Response Event"],
33
- defaultStyle: true,
32
+ tabLabels: ["Core", "Response Events"],
34
33
  id: "event"
35
34
  },
35
+ style: {
36
+ TabPanelStyle: {
37
+ padding: 0,
38
+ }
39
+ },
40
+ TabsStyle: {
41
+ marginBottom: "3px",
42
+ paddingBottom: "4px",
43
+ boxShadow: "0px 3px 4px #afafaf80",
44
+ "& .MuiTabs-indicator": {
45
+ bottom: "6px",
46
+ }
47
+ },
36
48
  },
37
49
 
38
50
  elements: [
39
51
  {
40
- type: "HorizontalLayout",
52
+ type: "WrapperLayout",
53
+ config: {
54
+ main: {
55
+ label: " ",
56
+ gap: "8px"
57
+ },
58
+ },
41
59
  elements: [
42
60
  {
43
61
  type: "Control",
@@ -47,9 +65,9 @@ export const EventUiSchema: any = (theme) => {
47
65
  widget: "SelectInputField",
48
66
  },
49
67
  config: {
50
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
68
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
51
69
  main: {
52
- label: "Event Type",
70
+ label: "Event's Type",
53
71
  type: "text",
54
72
 
55
73
  },
@@ -68,7 +86,7 @@ export const EventUiSchema: any = (theme) => {
68
86
  widget: "EmptyBox",
69
87
  },
70
88
  config: {
71
- layout: { xs: 0, sm: 4, md: 4, lg: 4 },
89
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
72
90
  },
73
91
  },
74
92
  ],
@@ -93,15 +111,20 @@ export const EventUiSchema: any = (theme) => {
93
111
  },
94
112
  config: {
95
113
  main: {
96
- // color: "info",
97
114
  onClick: "addEvent",
98
115
  size: "small",
99
- icon: "AddIcon",
100
- iconLabel: "Add New",
116
+ icon: "TableAddIcon",
117
+ iconLabel: "Add",
101
118
  styleDefault: true,
102
119
  },
103
120
  style: {
104
121
  mt: "6px",
122
+ color: "inherit",
123
+ fill: "inherit",
124
+ "&:hover": {
125
+ color: "inherit",
126
+ fill: "inherit",
127
+ }
105
128
  },
106
129
  },
107
130
  }
@@ -117,15 +140,20 @@ export const EventUiSchema: any = (theme) => {
117
140
  },
118
141
  config: {
119
142
  main: {
120
- // color: "info",
121
143
  onClick: "copyPasteElement",
122
144
  size: "small",
123
- icon: "PasteIcon",
145
+ icon: "TablePaste",
124
146
  iconLabel: "Paste",
125
147
  styleDefault: true,
126
148
  },
127
149
  style: {
128
150
  mt: "6px",
151
+ color: "inherit",
152
+ fill: "inherit",
153
+ "&:hover": {
154
+ color: "inherit",
155
+ fill: "inherit",
156
+ }
129
157
  },
130
158
  },
131
159
  }
@@ -143,14 +171,20 @@ export const EventUiSchema: any = (theme) => {
143
171
  {
144
172
  accessorKey: "eventType",
145
173
  header: "Event Type",
174
+ size: 300,
175
+ type: "string"
146
176
  },
147
177
  {
148
178
  accessorKey: "Handler",
149
179
  header: "Handler",
180
+ size: 200,
181
+ type: "string"
150
182
  },
151
183
  {
152
184
  accessorKey: "Edit_Approve_Records",
153
185
  header: "Edit Widget",
186
+ type: "action",
187
+ size: 150,
154
188
  widget: {
155
189
  type: "Control",
156
190
  scope: "#/properties/Edit_Records",
@@ -159,14 +193,16 @@ export const EventUiSchema: any = (theme) => {
159
193
  },
160
194
  config: {
161
195
  main: {
162
- color: "info",
163
196
  size: "small",
164
- icon: "EditIcon",
197
+ icon: "TableEditIcon",
165
198
  tooltipMessage: "Edit This Record",
166
199
  onClick: "editEvent",
167
200
  },
168
201
  style: {
169
- color: theme.palette.primary.main,
202
+ fill: theme.palette.primary.main,
203
+ "& :hover": {
204
+ fill: theme.palette.primary.dark,
205
+ },
170
206
  },
171
207
  },
172
208
  },
@@ -174,6 +210,8 @@ export const EventUiSchema: any = (theme) => {
174
210
  {
175
211
  accessorKey: "Reject_Records",
176
212
  header: "Delete",
213
+ type: "action",
214
+ size: 150,
177
215
  widget: {
178
216
  type: "Control",
179
217
  scope: "#/properties/RejectButton",
@@ -182,11 +220,16 @@ export const EventUiSchema: any = (theme) => {
182
220
  },
183
221
  config: {
184
222
  main: {
185
- icon: "RejectIcon",
186
- color: "error",
223
+ icon: "Bin",
187
224
  tooltipMessage: "Reject This Record",
188
225
  onClick: "deletePopUpEvent",
189
226
  },
227
+ style: {
228
+ fill: theme.palette.primary.main,
229
+ "& :hover": {
230
+ fill: theme.palette.primary.dark,
231
+ },
232
+ },
190
233
  },
191
234
  },
192
235
  },
@@ -194,7 +237,8 @@ export const EventUiSchema: any = (theme) => {
194
237
  {
195
238
  header: "Copy",
196
239
  field: "Copy_Event",
197
- flex: 1,
240
+ type: "action",
241
+ size: 150,
198
242
  widget: {
199
243
  type: "Control",
200
244
  scope: "#/properties/Copy_Event",
@@ -204,7 +248,6 @@ export const EventUiSchema: any = (theme) => {
204
248
  config: {
205
249
  main: {
206
250
  icon: "FileCopyIcon",
207
- // color: "error",
208
251
  onClick: "copyPasteElement",
209
252
  styleDefault: true,
210
253
  },
@@ -216,108 +259,118 @@ export const EventUiSchema: any = (theme) => {
216
259
  }
217
260
  ],
218
261
  },
219
- {
220
- type: "HorizontalLayout",
221
- config: {
222
- layout:{xs:12,sm: 6}
223
- },
224
- elements: [
262
+ // {
263
+ // type: "HorizontalLayout",
264
+ // config: {
265
+ // layout:{xs:12,sm: 6}
266
+ // },
267
+ // elements: [
268
+ // {
269
+ // type: "Control",
270
+ // scope: "#/properties/RemoveItemButton",
271
+ // options: {
272
+ // widget: "IconButton",
273
+ // },
274
+ // config: {
275
+ // layout: { xs: 1, sm: 1 },
276
+ // main: {
277
+ // onClick: "RemoveItemButton",
278
+ // size: "large",
279
+ // icon: "RejectIcon",
280
+ // styleDefault: true,
281
+ // },
282
+ // style:{
283
+ // marginLeft: "-10px"
284
+ // }
285
+ // },
286
+ // },
287
+ // {
288
+ // type: "Control",
289
+ // scope: "#/properties/copiedElementDetails",
290
+
291
+ // options: {
292
+ // widget: "Box",
293
+ // },
294
+ // config: {
295
+ // layout: { xs: 6, sm: 6 },
296
+ // main: {
297
+ // heading: "No element copied",
298
+ // },
299
+ // style: {
300
+ // color: "#535557",
301
+ // marginLeft: "-10px",
302
+ // fontSize: "12px",
303
+ // marginTop: "4px"
304
+ // },
305
+ // },
306
+ // },
307
+ // {
308
+ // type: "Control",
309
+ // scope: "#/properties/EmptyBox",
310
+ // options: {
311
+ // widget: "EmptyBox",
312
+ // },
313
+ // config: {
314
+ // layout: { xs: 1, sm: 5 },
315
+ // },
316
+ // },
317
+ // ]
318
+ // },
319
+ {
320
+ type: "WrapperLayout",
321
+ config: {
322
+ main: {
323
+ gap: "8px"
324
+ }
325
+ },
326
+ elements: [
225
327
  {
226
328
  type: "Control",
227
- scope: "#/properties/RemoveItemButton",
329
+ scope: "#/properties/btn",
228
330
  options: {
229
- widget: "IconButton",
331
+ widget: "Button",
230
332
  },
333
+
231
334
  config: {
232
- layout: { xs: 1, sm: 1 },
335
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
233
336
  main: {
234
- onClick: "RemoveItemButton",
235
- size: "large",
236
- icon: "RejectIcon",
237
- styleDefault: true,
337
+ name: "Ok",
338
+ variant: "contained",
339
+ type: "text",
340
+ onClick: "okHandler",
341
+ size: "medium",
238
342
  },
239
- style:{
240
- marginLeft: "-10px"
241
- }
242
343
  },
243
344
  },
244
345
  {
245
346
  type: "Control",
246
- scope: "#/properties/copiedElementDetails",
247
-
347
+ scope: "#/properties/btnSubmit",
248
348
  options: {
249
- widget: "Box",
349
+ widget: "Button",
250
350
  },
351
+
251
352
  config: {
252
- layout: { xs: 6, sm: 6 },
353
+ layout: { xs: 4, sm: 2.5, md: 2, lg: 1.5 },
253
354
  main: {
254
- heading: "No element copied",
255
- },
256
- style: {
257
- color: "#535557",
258
- marginLeft: "-10px",
259
- fontSize: "12px",
260
- marginTop: "4px"
355
+ name: "Save & Exit",
356
+ variant: "contained",
357
+ type: "text",
358
+ onClick: "saveHandler",
359
+ size: "medium",
261
360
  },
262
361
  },
263
362
  },
264
363
  {
265
364
  type: "Control",
266
365
  scope: "#/properties/EmptyBox",
366
+ config: {
367
+ layout: { xs: 4, sm:7, md: 8, lg: 9 },
368
+ },
267
369
  options: {
268
370
  widget: "EmptyBox",
269
371
  },
270
- config: {
271
- layout: { xs: 1, sm: 5 },
272
- },
273
- },
274
- ]
275
- },
276
- {
277
- type: "Control",
278
- scope: "#/properties/btn",
279
- options: {
280
- widget: "Button",
281
- },
282
-
283
- config: {
284
- layout: { xs: 4, sm: 2 },
285
- main: {
286
- name: "Ok",
287
- startIcon: "ApproveIcon",
288
- variant: "contained",
289
- // color: "info",
290
- type: "text",
291
- onClick: "okHandler",
292
- size: "medium",
293
372
  },
294
- style: {
295
- float: "right",
296
- },
297
- },
298
- },
299
- {
300
- type: "Control",
301
- scope: "#/properties/btnSubmit",
302
- options: {
303
- widget: "Button",
304
- },
305
-
306
- config: {
307
- layout: { xs: 4, sm: 2 },
308
- main: {
309
- name: "Save & Exit",
310
- startIcon: "ApproveIcon",
311
- variant: "contained",
312
- // color: "info",
313
- type: "text",
314
- onClick: "saveHandler",
315
- size: "medium",
316
- },
317
- style: {
318
- float: "right",
319
- },
320
- },
373
+ ],
321
374
  },
322
375
  {
323
376
  type: "Control",