impaktapps-ui-builder 0.0.382-alpha.6 → 0.0.382-alpha.7

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +296 -269
  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/event/uiSchema.ts +272 -130
  7. package/src/impaktapps-ui-builder/builder/services/event.ts +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.6",
3
+ "version": "0.0.382-alpha.7",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -1,81 +1,80 @@
1
- import { getSelectField } from "../../../build/uischema/buildPropertiesSection";
2
-
3
- export const EventUiSchema: any = {
4
- type: "HorizontalLayout",
1
+ export const EventUiSchema: any = (theme) => {
2
+ const uiSchema = {type: "HorizontalLayout",
3
+ heading: "Component",
5
4
  elements: [
6
- {
7
- type: "WrapperLayout",
8
- config: {
9
- main: {
10
- rowSpacing: 1,
11
- header: true
12
- },
13
- defaultStyle: true
14
- },
15
- elements: [
16
- {
17
- type: "Control",
18
- scope: "#/properties/Component",
5
+ // {
6
+ // type: "WrapperLayout",
7
+ // config: {
8
+ // main: {
9
+ // rowSpacing: 1,
10
+ // header: true
11
+ // },
12
+ // defaultStyle: true
13
+ // },
14
+ // elements: [
15
+ // {
16
+ // type: "Control",
17
+ // scope: "#/properties/Component",
19
18
 
20
- options: {
21
- widget: "Box",
22
- },
23
- config: {
24
- layout: {xs:12,sm:12,md:2},
25
- main: {
26
- heading: "Component",
27
- },
28
- style:{
29
- "float":"left",
30
- }
31
- },
32
- },
19
+ // options: {
20
+ // widget: "Box",
21
+ // },
22
+ // config: {
23
+ // layout: {xs:12,sm:12,md:2},
24
+ // main: {
25
+ // heading: "Component",
26
+ // },
27
+ // style:{
28
+ // "float":"left",
29
+ // }
30
+ // },
31
+ // },
33
32
 
34
- {
35
- type: "Control",
36
- scope: "#/properties/pageName",
33
+ // {
34
+ // type: "Control",
35
+ // scope: "#/properties/pageName",
37
36
 
38
- options: {
39
- widget: "Box",
40
- },
41
- config: {
42
- layout: {xs:7,sm:7,md:9},
43
- main: {
44
- heading: " ",
45
- },
46
- style: {
47
- float: "right",
48
- width:"auto",
49
- fontSize:"12px",
50
- color:"gray",
51
- paddingTop:"10px"
52
- },
53
- },
54
- },
37
+ // options: {
38
+ // widget: "Box",
39
+ // },
40
+ // config: {
41
+ // layout: {xs:7,sm:7,md:9},
42
+ // main: {
43
+ // heading: " ",
44
+ // },
45
+ // style: {
46
+ // float: "right",
47
+ // width:"auto",
48
+ // fontSize:"12px",
49
+ // color:"gray",
50
+ // paddingTop:"10px"
51
+ // },
52
+ // },
53
+ // },
55
54
 
56
- {
57
- type: "Control",
58
- scope: "#/properties/Back_Button",
55
+ // {
56
+ // type: "Control",
57
+ // scope: "#/properties/Back_Button",
59
58
 
60
- options: {
61
- widget: "IconButton",
62
- },
63
- config: {
64
- layout: {xs:2,sm:2,md:0.5},
65
- main: {
66
- icon: "BackIcon",
67
- styleDefault: true,
68
- size: "small",
69
- onClick: "backHandler",
70
- tooltipMessage: "Back",
71
- },
72
- style: {
73
- float: "right",
74
- },
75
- },
76
- },
77
- ],
78
- },
59
+ // options: {
60
+ // widget: "IconButton",
61
+ // },
62
+ // config: {
63
+ // layout: {xs:2,sm:2,md:0.5},
64
+ // main: {
65
+ // icon: "BackIcon",
66
+ // styleDefault: true,
67
+ // size: "small",
68
+ // onClick: "backHandler",
69
+ // tooltipMessage: "Back",
70
+ // },
71
+ // style: {
72
+ // float: "right",
73
+ // },
74
+ // },
75
+ // },
76
+ // ],
77
+ // },
79
78
  {
80
79
  type: "TabLayout",
81
80
  config: {
@@ -98,7 +97,7 @@ export const EventUiSchema: any = {
98
97
  widget: "SelectInputField",
99
98
  },
100
99
  config: {
101
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
100
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
102
101
  main: {
103
102
  label: "Event Type",
104
103
  type: "text",
@@ -106,66 +105,85 @@ export const EventUiSchema: any = {
106
105
  },
107
106
  },
108
107
  },
109
- getSelectField("Handler", "Handler", [
110
- { label: "Custom", value: "custom" },
111
- { label: "Api", value: "api" },
112
- { label: "Inbuilt Function", value: "inBuiltFunction" },
113
- { label: "Refresh", value: "refresh" },
114
- ]),
115
- ],
116
- },
117
- {
118
- type: "WrapperLayout",
119
- config: {
120
- main: {
121
- // label: "Success Case Event",
122
- divider: true,
123
- },
124
- wrapperStyle: {
125
- border: "1px solid gray"
126
- },
127
- },
128
- elements: [
129
108
  {
130
109
  type: "Control",
131
- scope: "#/properties/heading",
132
-
110
+ scope: `#/properties/Handler`,
111
+
133
112
  options: {
134
- widget: "Box",
113
+ widget: "SelectInputField",
135
114
  },
136
115
  config: {
137
- layout: 8,
116
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
138
117
  main: {
139
- heading: "Response Event",
140
- },
141
- style: {
142
- fontFamily: "Roboto",
143
- fontWeight: "500",
144
- paddingLeft: "-10px",
145
- fontSize: "20px",
118
+ label: "Handler",
119
+ type: "text",
146
120
  },
147
121
  },
148
122
  },
149
123
  {
150
124
  type: "Control",
151
- scope: "#/properties/AddButton",
125
+ scope: "#/properties/emptyBox",
152
126
  options: {
153
- widget: "IconButton",
127
+ widget: "EmptyBox"
154
128
  },
155
129
  config: {
156
- layout: 3,
157
- main: {
158
- icon: "AddIcon",
159
- styleDefault: true,
160
- size: "small",
161
- onClick: "addEvent",
162
- tooltipMessage: "Back",
163
- },
164
- style: {
165
- float: "right",
166
- },
167
- },
168
- },
130
+ layout: {xs: 0, sm: 4}
131
+ }
132
+ }
133
+ ],
134
+ },
135
+ // {
136
+ // type: "WrapperLayout",
137
+ // config: {
138
+ // main: {
139
+ // // label: "Success Case Event",
140
+ // divider: true,
141
+ // },
142
+ // wrapperStyle: {
143
+ // border: "1px solid gray"
144
+ // },
145
+ // },
146
+ // elements: [
147
+ // {
148
+ // type: "Control",
149
+ // scope: "#/properties/heading",
150
+
151
+ // options: {
152
+ // widget: "Box",
153
+ // },
154
+ // config: {
155
+ // layout: 8,
156
+ // main: {
157
+ // heading: "Response Event",
158
+ // },
159
+ // style: {
160
+ // fontFamily: "Roboto",
161
+ // fontWeight: "500",
162
+ // paddingLeft: "-10px",
163
+ // fontSize: "20px",
164
+ // },
165
+ // },
166
+ // },
167
+ // {
168
+ // type: "Control",
169
+ // scope: "#/properties/AddButton",
170
+ // options: {
171
+ // widget: "IconButton",
172
+ // },
173
+ // config: {
174
+ // layout: 3,
175
+ // main: {
176
+ // icon: "AddIcon",
177
+ // styleDefault: true,
178
+ // size: "small",
179
+ // onClick: "addEvent",
180
+ // tooltipMessage: "Back",
181
+ // },
182
+ // style: {
183
+ // float: "right",
184
+ // },
185
+ // },
186
+ // },
169
187
 
170
188
  {
171
189
  type: "Control",
@@ -175,6 +193,33 @@ export const EventUiSchema: any = {
175
193
  },
176
194
  config: {
177
195
  main: {
196
+ headerIcons: {
197
+ elements: [
198
+ {
199
+ widget: {
200
+ type: "Control",
201
+ scope: "#/properties/New_Record",
202
+
203
+ options: {
204
+ widget: "IconButton",
205
+ },
206
+ config: {
207
+ main: {
208
+ color: "info",
209
+ onClick: "addEvent",
210
+ size: "small",
211
+ icon: "AddIcon",
212
+ iconLabel: "Add New",
213
+ styleDefault: true,
214
+ },
215
+ style: {
216
+ mt: "6px",
217
+ },
218
+ },
219
+ }
220
+ },
221
+ ]
222
+ },
178
223
  disableAction: true,
179
224
  disableSelection: true,
180
225
  enableDrag: true,
@@ -234,20 +279,10 @@ export const EventUiSchema: any = {
234
279
  },
235
280
  },
236
281
  ]
237
- }]
282
+ // }]
238
283
  }
239
284
  ],
240
285
  },
241
- {
242
- type: "Control",
243
- scope: "#/properties/proc",
244
- config: {
245
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
246
- },
247
- options: {
248
- widget: "EmptyBox",
249
- },
250
- },
251
286
  {
252
287
  type: "Control",
253
288
  scope: "#/properties/btn",
@@ -313,6 +348,113 @@ export const EventUiSchema: any = {
313
348
  widget: "Notify",
314
349
  },
315
350
  layout: 6,
351
+ },
352
+ {
353
+ type: "HorizontalLayout",
354
+ config: {
355
+ style: {
356
+ position: "fixed",
357
+ bottom: 5,
358
+ overflow: 'visible',
359
+ margin: "0",
360
+ width: "100vw",
361
+ }
362
+ },
363
+ elements: [
364
+ {
365
+ type: "Control",
366
+ scope: "#/properties/EmptyBox",
367
+ options: {
368
+ widget: "EmptyBox",
369
+ },
370
+ config: {
371
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
372
+ },
373
+ },
374
+ {
375
+
376
+ type: "Control",
377
+ scope: "#/properties/FooterText",
378
+ options: {
379
+ widget: "Box",
380
+ },
381
+ config: {
382
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
383
+ main: {
384
+ heading: "Copywriter@ACT21.IO"
385
+ },
386
+ style: {
387
+ color: theme?.palette?.text.disabled || "#AFAFAF",
388
+ fontSize: '12px',
389
+ }
390
+ },
391
+ },
392
+ {
393
+ type: "HorizontalLayout",
394
+ config: {
395
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
396
+ },
397
+ elements: [
398
+ {
399
+ type: "Control",
400
+ scope: "#/properties/EmptyBox",
401
+ options: {
402
+ widget: "EmptyBox",
403
+ },
404
+ config: {
405
+ layout: 2,
406
+ },
407
+ },
408
+ {
409
+ type: "Control",
410
+ scope: "#/properties/backIcon",
411
+ options: {
412
+ widget: "Box",
413
+ },
414
+ config: {
415
+ layout: 1,
416
+ main: {
417
+ iconName: 'PrevIcon',
418
+ onClick: "backHandler"
419
+ },
420
+ style: {
421
+ fill: theme.palette.primary.dark,
422
+ width: 20,
423
+ height: 20,
424
+ display: 'flex',
425
+ alignItems: 'center',
426
+ justifyContent: 'center',
427
+ marginRight: '-8px',
428
+ cursor: 'pointer'
429
+ }
430
+ }
431
+ },
432
+ {
433
+ type: "Control",
434
+ scope: "#/properties/text",
435
+
436
+ options: {
437
+ widget: "Box",
438
+ },
439
+ config: {
440
+ layout: 9,
441
+ main: {
442
+ heading: "Previous Page",
443
+ onClick: "backHandler"
444
+ },
445
+ style: {
446
+ color: theme.palette.primary.dark,
447
+ fontSize: "12px",
448
+ cursor: 'pointer',
449
+ marginLeft: '-6px'
450
+ }
451
+ },
452
+ },
453
+ ],
454
+ },
455
+ ]
316
456
  }
317
457
  ],
318
458
  };
459
+ return uiSchema
460
+ }
package/src/impaktapps-ui-builder/builder/services/event.ts CHANGED
@@ -53,7 +53,7 @@ export default (
53
53
 
54
54
  getFormData: Component(store, dynamicData, submitHandler, service).getFormdata,
55
55
  getUiSchema: function () {
56
- return EventUiSchema;
56
+ return EventUiSchema(store.theme.myTheme);
57
57
  },
58
58
  getSchema: () => {
59
59
  return EventSchema;