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/dist/impaktapps-ui-builder.es.js CHANGED
@@ -50,15 +50,15 @@ const PageMasterUiSchema = (theme) => {
50
50
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
51
51
  const uiSchema = {
52
52
  type: "HorizontalLayout",
53
- heading: "Page Master",
53
+ heading: "Page",
54
54
  elements: [
55
55
  {
56
56
  type: "WrapperLayout",
57
57
  config: {
58
- main: {},
59
- wrapperStyle: {
60
- marginLeft: theme.spacing(2),
61
- backgroundColor: theme.palette.background.default
58
+ main: {
59
+ label: "Basic Details",
60
+ isAccordion: true,
61
+ gap: "8px"
62
62
  }
63
63
  },
64
64
  elements: [
@@ -69,9 +69,9 @@ const PageMasterUiSchema = (theme) => {
69
69
  widget: "InputField"
70
70
  },
71
71
  config: {
72
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
72
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
73
73
  main: {
74
- label: "Name",
74
+ label: "Page Name",
75
75
  options: [],
76
76
  color: "secondary",
77
77
  errorMessage: "Name should be start with 'page_'",
@@ -80,26 +80,6 @@ const PageMasterUiSchema = (theme) => {
80
80
  }
81
81
  }
82
82
  },
83
- {
84
- type: "Control",
85
- scope: "#/properties/template",
86
- options: {
87
- widget: "SelectInputField"
88
- },
89
- config: {
90
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
91
- main: {
92
- label: "Template",
93
- options: [
94
- { const: "template1", title: "template1" },
95
- { const: "template2", title: "template2" },
96
- { const: "template3", title: "template3" }
97
- ],
98
- color: "secondary",
99
- required: true
100
- }
101
- }
102
- },
103
83
  {
104
84
  type: "Control",
105
85
  scope: "#/properties/label",
@@ -107,9 +87,9 @@ const PageMasterUiSchema = (theme) => {
107
87
  widget: "InputField"
108
88
  },
109
89
  config: {
110
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
90
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
111
91
  main: {
112
- label: "Label",
92
+ label: "Page Heading",
113
93
  options: [],
114
94
  color: "secondary",
115
95
  required: true
@@ -120,7 +100,7 @@ const PageMasterUiSchema = (theme) => {
120
100
  type: "Control",
121
101
  scope: "#/properties/EmptyBox",
122
102
  config: {
123
- layout: { xs: 6, sm: 6, md: 0, lg: 0 }
103
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 }
124
104
  },
125
105
  options: {
126
106
  widget: "EmptyBox"
@@ -131,11 +111,24 @@ const PageMasterUiSchema = (theme) => {
131
111
  {
132
112
  type: "TabLayout",
133
113
  config: {
114
+ layout: 12,
134
115
  main: {
135
- tabLabels: ["Components", "Events"],
136
- divider: true
116
+ tabLabels: ["Page Components", "Page Events"]
117
+ },
118
+ style: {
119
+ TabPanelStyle: {
120
+ padding: 0
121
+ }
137
122
  },
138
- defaultStyle: true
123
+ TabsStyle: {
124
+ borderTop: `1px solid ${theme.palette.common.black}29`,
125
+ marginBottom: "3px",
126
+ paddingBottom: "4px",
127
+ boxShadow: "0px 3px 4px #afafaf80",
128
+ "& .MuiTabs-indicator": {
129
+ bottom: "6px"
130
+ }
131
+ }
139
132
  },
140
133
  elements: [
141
134
  {
@@ -159,12 +152,18 @@ const PageMasterUiSchema = (theme) => {
159
152
  main: {
160
153
  onClick: "onAddClickHandler",
161
154
  size: "small",
162
- icon: "AddIcon",
163
- iconLabel: "Add New",
155
+ icon: "TableAddIcon",
156
+ iconLabel: "Add",
164
157
  styleDefault: true
165
158
  },
166
159
  style: {
167
- mt: "6px"
160
+ mt: "6px",
161
+ color: "inherit",
162
+ fill: "inherit",
163
+ "&:hover": {
164
+ color: "inherit",
165
+ fill: "inherit"
166
+ }
168
167
  }
169
168
  }
170
169
  }
@@ -185,7 +184,13 @@ const PageMasterUiSchema = (theme) => {
185
184
  styleDefault: true
186
185
  },
187
186
  style: {
188
- mt: "6px"
187
+ mt: "6px",
188
+ color: "inherit",
189
+ fill: "inherit",
190
+ "&:hover": {
191
+ color: "inherit",
192
+ fill: "inherit"
193
+ }
189
194
  }
190
195
  }
191
196
  }
@@ -200,16 +205,21 @@ const PageMasterUiSchema = (theme) => {
200
205
  elements: [
201
206
  {
202
207
  accessorKey: "name",
203
- header: "Name"
208
+ header: "Name",
209
+ size: 300,
210
+ type: "string"
204
211
  },
205
212
  {
206
213
  accessorKey: "type",
207
- header: "Type"
214
+ header: "Type",
215
+ size: 300,
216
+ type: "string"
208
217
  },
209
218
  {
210
219
  header: "Edit",
211
220
  field: "Reject_Records",
212
- flex: 1,
221
+ size: 150,
222
+ type: "action",
213
223
  widget: {
214
224
  type: "Control",
215
225
  scope: "#/properties/RejectButton",
@@ -218,13 +228,15 @@ const PageMasterUiSchema = (theme) => {
218
228
  },
219
229
  config: {
220
230
  main: {
221
- icon: "EditIcon",
222
- color: "primary",
231
+ icon: "TableEditIcon",
223
232
  onClick: "Edit_Components",
224
233
  tooltipMessage: "Edit This Record"
225
234
  },
226
235
  style: {
227
- color: theme.palette.primary.main
236
+ fill: theme.palette.primary.main,
237
+ "& :hover": {
238
+ fill: theme.palette.primary.dark
239
+ }
228
240
  }
229
241
  }
230
242
  }
@@ -232,7 +244,8 @@ const PageMasterUiSchema = (theme) => {
232
244
  {
233
245
  header: "Delete",
234
246
  field: "Reject_Records",
235
- flex: 1,
247
+ size: 150,
248
+ type: "action",
236
249
  widget: {
237
250
  type: "Control",
238
251
  scope: "#/properties/RejectButton",
@@ -241,10 +254,15 @@ const PageMasterUiSchema = (theme) => {
241
254
  },
242
255
  config: {
243
256
  main: {
244
- icon: "RejectIcon",
245
- color: "error",
257
+ icon: "Bin",
246
258
  onClick: "deletePopUpComponent",
247
259
  tooltipMessage: "Reject This Record"
260
+ },
261
+ style: {
262
+ fill: theme.palette.primary.main,
263
+ "& :hover": {
264
+ fill: theme.palette.primary.dark
265
+ }
248
266
  }
249
267
  }
250
268
  }
@@ -291,12 +309,18 @@ const PageMasterUiSchema = (theme) => {
291
309
  main: {
292
310
  onClick: "eventAddHandler",
293
311
  size: "small",
294
- icon: "AddIcon",
295
- iconLabel: "Add New",
312
+ icon: "TableAddIcon",
313
+ iconLabel: "Add",
296
314
  styleDefault: true
297
315
  },
298
316
  style: {
299
- mt: "6px"
317
+ mt: "6px",
318
+ color: "inherit",
319
+ fill: "inherit",
320
+ "&:hover": {
321
+ color: "inherit",
322
+ fill: "inherit"
323
+ }
300
324
  }
301
325
  }
302
326
  }
@@ -332,15 +356,21 @@ const PageMasterUiSchema = (theme) => {
332
356
  elements: [
333
357
  {
334
358
  accessorKey: "eventType",
335
- header: "Event Type"
359
+ header: "Event Type",
360
+ size: 300,
361
+ type: "string"
336
362
  },
337
363
  {
338
364
  accessorKey: "Handler",
339
- header: "Handler"
365
+ header: "Handler",
366
+ size: 300,
367
+ type: "string"
340
368
  },
341
369
  {
342
370
  accessorKey: "Edit_Approve_Records",
343
371
  header: "Edit Widget",
372
+ type: "action",
373
+ size: 150,
344
374
  widget: {
345
375
  type: "Control",
346
376
  scope: "#/properties/Edit_Records",
@@ -349,14 +379,16 @@ const PageMasterUiSchema = (theme) => {
349
379
  },
350
380
  config: {
351
381
  main: {
352
- color: "info",
353
382
  size: "small",
354
- icon: "EditIcon",
383
+ icon: "TableEditIcon",
355
384
  tooltipMessage: "Edit This Record",
356
385
  onClick: "editEvent"
357
386
  },
358
387
  style: {
359
- color: theme.palette.primary.main
388
+ fill: theme.palette.primary.main,
389
+ "& :hover": {
390
+ fill: theme.palette.primary.dark
391
+ }
360
392
  }
361
393
  }
362
394
  }
@@ -372,10 +404,15 @@ const PageMasterUiSchema = (theme) => {
372
404
  },
373
405
  config: {
374
406
  main: {
375
- icon: "RejectIcon",
376
- color: "error",
407
+ icon: "Bin",
377
408
  tooltipMessage: "Reject This Record",
378
409
  onClick: "deletePopUpEvent"
410
+ },
411
+ style: {
412
+ fill: theme.palette.primary.main,
413
+ "& :hover": {
414
+ fill: theme.palette.primary.dark
415
+ }
379
416
  }
380
417
  }
381
418
  }