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

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 (6) hide show
  1. package/dist/impaktapps-ui-builder.es.js +93 -56
  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/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +113 -70
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.1",
3
+ "version": "0.0.101-alpha.2",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts CHANGED
@@ -2,16 +2,15 @@ import { EventUiSchema } from "../event/uiSchema"
2
2
  export const PageMasterUiSchema: any = (theme) => {
3
3
  const uiSchema = {
4
4
  type: "HorizontalLayout",
5
- heading: "Page Master",
5
+ heading: "Page",
6
6
  elements: [
7
7
  {
8
8
  type: "WrapperLayout",
9
9
  config: {
10
10
  main: {
11
- },
12
- wrapperStyle: {
13
- marginLeft: theme.spacing(2),
14
- backgroundColor: theme.palette.background.default
11
+ label: "Basic Details",
12
+ isAccordion: true,
13
+ gap: "8px",
15
14
  },
16
15
  },
17
16
  elements: [
@@ -23,9 +22,9 @@ export const PageMasterUiSchema: any = (theme) => {
23
22
  widget: "InputField",
24
23
  },
25
24
  config: {
26
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
25
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
27
26
  main: {
28
- label: "Name",
27
+ label: "Page Name",
29
28
  options: [],
30
29
  color: "secondary",
31
30
  errorMessage: "Name should be start with 'page_'",
@@ -34,27 +33,27 @@ export const PageMasterUiSchema: any = (theme) => {
34
33
  },
35
34
  },
36
35
  },
37
- {
38
- type: "Control",
39
- scope: "#/properties/template",
36
+ // {
37
+ // type: "Control",
38
+ // scope: "#/properties/template",
40
39
 
41
- options: {
42
- widget: "SelectInputField",
43
- },
44
- config: {
45
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
46
- main: {
47
- label: "Template",
48
- options: [
49
- { const: "template1", title: "template1" },
50
- { const: "template2", title: "template2" },
51
- { const: "template3", title: "template3" }
52
- ],
53
- color: "secondary",
54
- required: true,
55
- },
56
- },
57
- },
40
+ // options: {
41
+ // widget: "SelectInputField",
42
+ // },
43
+ // config: {
44
+ // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
45
+ // main: {
46
+ // label: "Template",
47
+ // options: [
48
+ // { const: "template1", title: "template1" },
49
+ // { const: "template2", title: "template2" },
50
+ // { const: "template3", title: "template3" }
51
+ // ],
52
+ // color: "secondary",
53
+ // required: true,
54
+ // },
55
+ // },
56
+ // },
58
57
  {
59
58
  type: "Control",
60
59
  scope: "#/properties/label",
@@ -63,9 +62,9 @@ export const PageMasterUiSchema: any = (theme) => {
63
62
  widget: "InputField",
64
63
  },
65
64
  config: {
66
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
65
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
67
66
  main: {
68
- label: "Label",
67
+ label: "Page Heading",
69
68
  options: [],
70
69
  color: "secondary",
71
70
  required: true,
@@ -76,7 +75,7 @@ export const PageMasterUiSchema: any = (theme) => {
76
75
  type: "Control",
77
76
  scope: "#/properties/EmptyBox",
78
77
  config: {
79
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
78
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 },
80
79
  },
81
80
  options: {
82
81
  widget: "EmptyBox",
@@ -87,11 +86,24 @@ export const PageMasterUiSchema: any = (theme) => {
87
86
  {
88
87
  type: "TabLayout",
89
88
  config: {
89
+ layout: 12,
90
90
  main: {
91
- tabLabels: ["Components", "Events"],
92
- divider: true,
91
+ tabLabels: ["Page Components", "Page Events"],
92
+ },
93
+ style: {
94
+ TabPanelStyle: {
95
+ padding: 0,
96
+ }
97
+ },
98
+ TabsStyle: {
99
+ borderTop: `1px solid ${theme.palette.common.black}29`,
100
+ marginBottom: "3px",
101
+ paddingBottom: "4px",
102
+ boxShadow: "0px 3px 4px #afafaf80",
103
+ "& .MuiTabs-indicator": {
104
+ bottom: "6px",
105
+ }
93
106
  },
94
- defaultStyle: true,
95
107
  },
96
108
  elements: [
97
109
  {
@@ -108,27 +120,30 @@ export const PageMasterUiSchema: any = (theme) => {
108
120
  widget: {
109
121
  type: "Control",
110
122
  scope: "#/properties/New_Record",
111
-
112
123
  options: {
113
124
  widget: "IconButton",
114
125
  },
115
126
  config: {
116
127
  main: {
117
- // color: "info",
118
128
  onClick: "onAddClickHandler",
119
129
  size: "small",
120
- icon: "AddIcon",
121
- iconLabel: "Add New",
130
+ icon: "TableAddIcon",
131
+ iconLabel: "Add",
122
132
  styleDefault: true,
123
133
  },
124
134
  style: {
125
135
  mt: "6px",
136
+ color: "inherit",
137
+ fill: "inherit",
138
+ "&:hover": {
139
+ color: "inherit",
140
+ fill: "inherit",
141
+ }
126
142
  },
127
143
  },
128
144
  }
129
145
  },
130
-
131
- {
146
+ {///////////////////////////////////
132
147
  widget: {
133
148
  type: "Control",
134
149
  scope: "#/properties/Paste_Component",
@@ -147,10 +162,16 @@ export const PageMasterUiSchema: any = (theme) => {
147
162
  },
148
163
  style: {
149
164
  mt: "6px",
165
+ color: "inherit",
166
+ fill: "inherit",
167
+ "&:hover": {
168
+ color: "inherit",
169
+ fill: "inherit",
170
+ }
150
171
  },
151
172
  },
152
173
  }
153
- },
174
+ },//////////////////////
154
175
  ]
155
176
  },
156
177
  disableAction: true,
@@ -161,18 +182,21 @@ export const PageMasterUiSchema: any = (theme) => {
161
182
  elements: [
162
183
  {
163
184
  accessorKey: "name",
164
-
165
185
  header: "Name",
186
+ size: 300,
187
+ type: "string"
166
188
  },
167
189
  {
168
190
  accessorKey: "type",
169
-
170
191
  header: "Type",
192
+ size: 300,
193
+ type: "string"
171
194
  },
172
195
  {
173
196
  header: "Edit",
174
197
  field: "Reject_Records",
175
- flex: 1,
198
+ size: 150,
199
+ type: "action",
176
200
  widget: {
177
201
  type: "Control",
178
202
  scope: "#/properties/RejectButton",
@@ -181,13 +205,15 @@ export const PageMasterUiSchema: any = (theme) => {
181
205
  },
182
206
  config: {
183
207
  main: {
184
- icon: "EditIcon",
185
- color: "primary",
208
+ icon: "TableEditIcon",
186
209
  onClick: "Edit_Components",
187
210
  tooltipMessage: "Edit This Record",
188
211
  },
189
212
  style: {
190
- color: theme.palette.primary.main,
213
+ fill: theme.palette.primary.main,
214
+ "& :hover": {
215
+ fill: theme.palette.primary.dark,
216
+ },
191
217
  },
192
218
  },
193
219
  },
@@ -195,7 +221,8 @@ export const PageMasterUiSchema: any = (theme) => {
195
221
  {
196
222
  header: "Delete",
197
223
  field: "Reject_Records",
198
- flex: 1,
224
+ size: 150,
225
+ type: "action",
199
226
  widget: {
200
227
  type: "Control",
201
228
  scope: "#/properties/RejectButton",
@@ -204,16 +231,20 @@ export const PageMasterUiSchema: any = (theme) => {
204
231
  },
205
232
  config: {
206
233
  main: {
207
- icon: "RejectIcon",
208
- color: "error",
234
+ icon: "Bin",
209
235
  onClick: "deletePopUpComponent",
210
236
  tooltipMessage: "Reject This Record",
211
237
  },
238
+ style: {
239
+ fill: theme.palette.primary.main,
240
+ "& :hover": {
241
+ fill: theme.palette.primary.dark,
242
+ },
243
+ },
212
244
  },
213
245
  },
214
246
  },
215
-
216
- {
247
+ {/////////////////////////
217
248
  header: "Copy",
218
249
  field: "Copy_Component",
219
250
  flex: 1,
@@ -232,9 +263,7 @@ export const PageMasterUiSchema: any = (theme) => {
232
263
  },
233
264
  },
234
265
  },
235
- },
236
-
237
-
266
+ },//////////////////
238
267
  ]
239
268
  },
240
269
  {
@@ -251,27 +280,31 @@ export const PageMasterUiSchema: any = (theme) => {
251
280
  widget: {
252
281
  type: "Control",
253
282
  scope: "#/properties/New_Record",
254
-
255
283
  options: {
256
284
  widget: "IconButton",
257
285
  },
258
286
  config: {
259
287
  main: {
260
- // color: "info",
261
288
  onClick: "eventAddHandler",
262
289
  size: "small",
263
- icon: "AddIcon",
264
- iconLabel: "Add New",
290
+ icon: "TableAddIcon",
291
+ iconLabel: "Add",
265
292
  styleDefault: true,
266
293
  },
267
294
  style: {
268
295
  mt: "6px",
296
+ color: "inherit",
297
+ fill: "inherit",
298
+ "&:hover": {
299
+ color: "inherit",
300
+ fill: "inherit",
301
+ }
269
302
  },
270
303
  },
271
304
  }
272
305
  },
273
306
 
274
- {
307
+ {////////////////////////
275
308
  widget: {
276
309
  type: "Control",
277
310
  scope: "#/properties/Paste_Event",
@@ -281,7 +314,6 @@ export const PageMasterUiSchema: any = (theme) => {
281
314
  },
282
315
  config: {
283
316
  main: {
284
- // color: "info",
285
317
  onClick: "copyPasteElement",
286
318
  size: "small",
287
319
  icon: "PasteIcon",
@@ -293,7 +325,7 @@ export const PageMasterUiSchema: any = (theme) => {
293
325
  },
294
326
  },
295
327
  }
296
- },
328
+ },/////////////////////////
297
329
  ]
298
330
  },
299
331
 
@@ -308,14 +340,20 @@ export const PageMasterUiSchema: any = (theme) => {
308
340
  {
309
341
  accessorKey: "eventType",
310
342
  header: "Event Type",
343
+ size: 300,
344
+ type: "string"
311
345
  },
312
346
  {
313
347
  accessorKey: "Handler",
314
348
  header: "Handler",
349
+ size: 300,
350
+ type: "string"
315
351
  },
316
352
  {
317
353
  accessorKey: "Edit_Approve_Records",
318
354
  header: "Edit Widget",
355
+ type: "action",
356
+ size: 150,
319
357
  widget: {
320
358
  type: "Control",
321
359
  scope: "#/properties/Edit_Records",
@@ -324,14 +362,16 @@ export const PageMasterUiSchema: any = (theme) => {
324
362
  },
325
363
  config: {
326
364
  main: {
327
- color: "info",
328
365
  size: "small",
329
- icon: "EditIcon",
366
+ icon: "TableEditIcon",
330
367
  tooltipMessage: "Edit This Record",
331
368
  onClick: "editEvent",
332
369
  },
333
370
  style: {
334
- color: theme.palette.primary.main,
371
+ fill: theme.palette.primary.main,
372
+ "& :hover": {
373
+ fill: theme.palette.primary.dark,
374
+ },
335
375
  },
336
376
  },
337
377
  },
@@ -347,17 +387,20 @@ export const PageMasterUiSchema: any = (theme) => {
347
387
  },
348
388
  config: {
349
389
  main: {
350
- icon: "RejectIcon",
351
- color: "error",
390
+ icon: "Bin",
352
391
  tooltipMessage: "Reject This Record",
353
392
  onClick: "deletePopUpEvent",
354
393
  },
394
+ style: {
395
+ fill: theme.palette.primary.main,
396
+ "& :hover": {
397
+ fill: theme.palette.primary.dark,
398
+ },
399
+ },
355
400
  },
356
401
  },
357
402
  },
358
-
359
-
360
- {
403
+ {/////////////////////
361
404
  header: "Copy",
362
405
  field: "Copy_Event",
363
406
  flex: 1,
@@ -376,7 +419,7 @@ export const PageMasterUiSchema: any = (theme) => {
376
419
  },
377
420
  },
378
421
  },
379
- },
422
+ },////////////////
380
423
  ]
381
424
  // }]
382
425
  },