impaktapps-ui-builder 1.0.131-alpha.6 → 1.0.131-alpha.8
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.
- package/dist/impaktapps-ui-builder.es.js +58 -40
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +8 -8
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/schema.ts +100 -92
package/package.json
CHANGED
|
@@ -43,52 +43,67 @@ export const ComponentSchema: any = {
|
|
|
43
43
|
{ title: "Upload", const: "UploadFile" },
|
|
44
44
|
{ title: "Tree ", const: "TreeMap" },
|
|
45
45
|
{ title: "Column Group", const: "ColumnGroup" },
|
|
46
|
-
{ title: "Thought of the day", const: "Thought" }
|
|
47
|
-
]
|
|
46
|
+
{ title: "Thought of the day", const: "Thought" },
|
|
47
|
+
],
|
|
48
48
|
},
|
|
49
49
|
elementType: {
|
|
50
50
|
oneOf: [
|
|
51
51
|
{ title: "Table Action Element", const: "action" },
|
|
52
52
|
{ title: "Table Header Element", const: "tableHeader" },
|
|
53
53
|
{ title: "Table Element", const: "element" },
|
|
54
|
-
]
|
|
54
|
+
],
|
|
55
55
|
},
|
|
56
56
|
columnFormat: {
|
|
57
57
|
oneOf: [
|
|
58
58
|
{ title: "Date Column", const: "date" },
|
|
59
59
|
{ title: "DateTime Column", const: "dateTime" },
|
|
60
60
|
{ title: "Amount Column", const: "amount" },
|
|
61
|
-
{ title: "Center Column", const: "action" }
|
|
62
|
-
]
|
|
61
|
+
{ title: "Center Column", const: "action" },
|
|
62
|
+
],
|
|
63
63
|
},
|
|
64
64
|
dateFormat: {
|
|
65
65
|
oneOf: [
|
|
66
|
-
{
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
{
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
{
|
|
75
|
-
|
|
66
|
+
{
|
|
67
|
+
title: "ISO DateTime (UTC) — YYYY-MM-DDTHH:mm:ss.SSSZ",
|
|
68
|
+
const: "YYYY-MM-DDTHH:mm:ss.SSSZ",
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
title: "ISO DateTime — YYYY-MM-DDTHH:mm:ssZ",
|
|
72
|
+
const: "YYYY-MM-DDTHH:mm:ssZ",
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
title: "ISO DateTime (No TZ) — YYYY-MM-DDTHH:mm:ss",
|
|
76
|
+
const: "YYYY-MM-DDTHH:mm:ss",
|
|
77
|
+
},
|
|
78
|
+
{ title: "ISO Date — YYYY-MM-DD", const: "YYYY-MM-DD" },
|
|
79
|
+
{ title: "Date (DD-MM-YYYY) — DD-MM-YYYY", const: "DD-MM-YYYY" },
|
|
80
|
+
{ title: "Date (MM/DD/YYYY) — MM/DD/YYYY", const: "MM/DD/YYYY" },
|
|
81
|
+
{
|
|
82
|
+
title: "DateTime (DB) — YYYY-MM-DD HH:mm:ss",
|
|
83
|
+
const: "YYYY-MM-DD HH:mm:ss",
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
title: "DateTime (DB ms) — YYYY-MM-DD HH:mm:ss.SSS",
|
|
87
|
+
const: "YYYY-MM-DD HH:mm:ss.SSS",
|
|
88
|
+
},
|
|
89
|
+
{ title: "Time (24h) — HH:mm:ss", const: "HH:mm:ss" },
|
|
90
|
+
{ title: "Time (12h) — hh:mm:ss A", const: "hh:mm:ss A" },
|
|
76
91
|
{ title: "Epoch (Milliseconds)", const: "x" },
|
|
77
|
-
{ title: "Epoch (Seconds)", const: "X" }
|
|
78
|
-
]
|
|
92
|
+
{ title: "Epoch (Seconds)", const: "X" },
|
|
93
|
+
],
|
|
79
94
|
},
|
|
80
95
|
variant: {
|
|
81
96
|
oneOf: [
|
|
82
97
|
{ title: "Outlined", const: "outlined" },
|
|
83
98
|
{ title: "Filled", const: "filled" },
|
|
84
99
|
{ title: "Standard", const: "standard" },
|
|
85
|
-
]
|
|
100
|
+
],
|
|
86
101
|
},
|
|
87
102
|
orientation: {
|
|
88
103
|
oneOf: [
|
|
89
104
|
{ title: "Horizontal", const: "horizontal" },
|
|
90
105
|
{ title: "Vertical", const: "vertical" },
|
|
91
|
-
]
|
|
106
|
+
],
|
|
92
107
|
},
|
|
93
108
|
method: {
|
|
94
109
|
type: "string",
|
|
@@ -97,7 +112,7 @@ export const ComponentSchema: any = {
|
|
|
97
112
|
{ title: "Post", const: "post" },
|
|
98
113
|
{ title: "Delete", const: "delete" },
|
|
99
114
|
{ title: "Put", const: "put" },
|
|
100
|
-
]
|
|
115
|
+
],
|
|
101
116
|
},
|
|
102
117
|
maxPageSize: {
|
|
103
118
|
type: "number",
|
|
@@ -107,16 +122,16 @@ export const ComponentSchema: any = {
|
|
|
107
122
|
{ title: "30", const: 30 },
|
|
108
123
|
{ title: "50", const: 50 },
|
|
109
124
|
{ title: "100", const: 100 },
|
|
110
|
-
{ title: "500", const: 500 }
|
|
111
|
-
]
|
|
125
|
+
{ title: "500", const: 500 },
|
|
126
|
+
],
|
|
112
127
|
},
|
|
113
|
-
initialDensity:{
|
|
128
|
+
initialDensity: {
|
|
114
129
|
type: "string",
|
|
115
|
-
|
|
130
|
+
oneOf: [
|
|
116
131
|
{ title: "Compact", const: "compact" },
|
|
117
132
|
{ title: "Comfortable", const: "comfortable" },
|
|
118
|
-
{ title: "Spacious", const: "spacious" }
|
|
119
|
-
]
|
|
133
|
+
{ title: "Spacious", const: "spacious" },
|
|
134
|
+
],
|
|
120
135
|
},
|
|
121
136
|
layout: {
|
|
122
137
|
type: "array",
|
|
@@ -132,9 +147,7 @@ export const ComponentSchema: any = {
|
|
|
132
147
|
{ title: "Large", const: "lg" },
|
|
133
148
|
],
|
|
134
149
|
},
|
|
135
|
-
value: {
|
|
136
|
-
|
|
137
|
-
},
|
|
150
|
+
value: {},
|
|
138
151
|
},
|
|
139
152
|
},
|
|
140
153
|
},
|
|
@@ -152,9 +165,7 @@ export const ComponentSchema: any = {
|
|
|
152
165
|
{ title: "Large", const: "lg" },
|
|
153
166
|
],
|
|
154
167
|
},
|
|
155
|
-
value: {
|
|
156
|
-
|
|
157
|
-
},
|
|
168
|
+
value: {},
|
|
158
169
|
},
|
|
159
170
|
},
|
|
160
171
|
},
|
|
@@ -211,7 +222,6 @@ export const ComponentSchema: any = {
|
|
|
211
222
|
label: {
|
|
212
223
|
type: "string",
|
|
213
224
|
},
|
|
214
|
-
|
|
215
225
|
},
|
|
216
226
|
},
|
|
217
227
|
},
|
|
@@ -223,7 +233,6 @@ export const ComponentSchema: any = {
|
|
|
223
233
|
KeyName: {
|
|
224
234
|
type: "string",
|
|
225
235
|
},
|
|
226
|
-
|
|
227
236
|
},
|
|
228
237
|
},
|
|
229
238
|
},
|
|
@@ -236,8 +245,8 @@ export const ComponentSchema: any = {
|
|
|
236
245
|
type: "string",
|
|
237
246
|
},
|
|
238
247
|
value: {
|
|
239
|
-
type: "string"
|
|
240
|
-
}
|
|
248
|
+
type: "string",
|
|
249
|
+
},
|
|
241
250
|
},
|
|
242
251
|
},
|
|
243
252
|
},
|
|
@@ -254,19 +263,19 @@ export const ComponentSchema: any = {
|
|
|
254
263
|
},
|
|
255
264
|
filteringOptions: {
|
|
256
265
|
oneOf: [
|
|
257
|
-
{ const:
|
|
258
|
-
{ const:
|
|
259
|
-
{ const:
|
|
260
|
-
{ const:
|
|
261
|
-
{ const:
|
|
262
|
-
{ const:
|
|
263
|
-
{ const:
|
|
264
|
-
{ const:
|
|
265
|
-
{ const:
|
|
266
|
-
{ const:
|
|
267
|
-
{ const:
|
|
268
|
-
{ const:
|
|
269
|
-
]
|
|
266
|
+
{ const: "fuzzy", title: "Fuzzy" },
|
|
267
|
+
{ const: "contains", title: "Contain" },
|
|
268
|
+
{ const: "startsWith", title: "Starts with" },
|
|
269
|
+
{ const: "endsWith", title: "Ends with" },
|
|
270
|
+
{ const: "equals", title: "Equals" },
|
|
271
|
+
{ const: "notEquals", title: "Not Equals" },
|
|
272
|
+
{ const: "between", title: "Between" },
|
|
273
|
+
{ const: "betweenInclusive", title: "Between inclusive" },
|
|
274
|
+
{ const: "greaterThan", title: "Greater than" },
|
|
275
|
+
{ const: "greaterThanOrEqualTo", title: "Greater than or equal to" },
|
|
276
|
+
{ const: "lessThan", title: "Less than" },
|
|
277
|
+
{ const: "lessThanOrEqualTo", title: "Less than or equal to" },
|
|
278
|
+
],
|
|
270
279
|
},
|
|
271
280
|
|
|
272
281
|
legendLabels: {
|
|
@@ -277,7 +286,6 @@ export const ComponentSchema: any = {
|
|
|
277
286
|
label: {
|
|
278
287
|
type: "string",
|
|
279
288
|
},
|
|
280
|
-
|
|
281
289
|
},
|
|
282
290
|
},
|
|
283
291
|
},
|
|
@@ -289,7 +297,6 @@ export const ComponentSchema: any = {
|
|
|
289
297
|
label: {
|
|
290
298
|
type: "string",
|
|
291
299
|
},
|
|
292
|
-
|
|
293
300
|
},
|
|
294
301
|
},
|
|
295
302
|
},
|
|
@@ -301,7 +308,6 @@ export const ComponentSchema: any = {
|
|
|
301
308
|
formatElement: {
|
|
302
309
|
type: "string",
|
|
303
310
|
},
|
|
304
|
-
|
|
305
311
|
},
|
|
306
312
|
},
|
|
307
313
|
},
|
|
@@ -312,7 +318,6 @@ export const ComponentSchema: any = {
|
|
|
312
318
|
properties: {
|
|
313
319
|
componentName: {
|
|
314
320
|
type: "string",
|
|
315
|
-
|
|
316
321
|
},
|
|
317
322
|
validationType: {
|
|
318
323
|
type: "string",
|
|
@@ -322,7 +327,7 @@ export const ComponentSchema: any = {
|
|
|
322
327
|
{ const: "maxLength", title: "Maximum Length" },
|
|
323
328
|
{ const: "pattern", title: "Pattern" },
|
|
324
329
|
{ const: "readOnly", title: "Read Only" },
|
|
325
|
-
]
|
|
330
|
+
],
|
|
326
331
|
},
|
|
327
332
|
validationValue: {
|
|
328
333
|
type: "string",
|
|
@@ -336,14 +341,14 @@ export const ComponentSchema: any = {
|
|
|
336
341
|
{ title: "Button", const: "Button" },
|
|
337
342
|
{ title: "IconButton", const: "IconButton" },
|
|
338
343
|
{ title: "HybridButton", const: "ButtonWithIconAndText" },
|
|
339
|
-
]
|
|
344
|
+
],
|
|
340
345
|
},
|
|
341
346
|
defaultStyle: {
|
|
342
347
|
type: "string",
|
|
343
348
|
oneOf: [
|
|
344
349
|
{ title: "Apply Default Style", const: "true" },
|
|
345
350
|
{ title: "No Style", const: "false" },
|
|
346
|
-
]
|
|
351
|
+
],
|
|
347
352
|
},
|
|
348
353
|
graphType: {
|
|
349
354
|
type: "string",
|
|
@@ -353,8 +358,11 @@ export const ComponentSchema: any = {
|
|
|
353
358
|
{ title: "Line Graph", const: "LineGraph" },
|
|
354
359
|
{ title: "Pie Graph", const: "PieGraph" },
|
|
355
360
|
{ title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
|
|
356
|
-
{
|
|
357
|
-
|
|
361
|
+
{
|
|
362
|
+
title: "Stack Horizontal Bar Graph",
|
|
363
|
+
const: "HorizontalStackBarGraph",
|
|
364
|
+
},
|
|
365
|
+
],
|
|
358
366
|
},
|
|
359
367
|
iconName: {
|
|
360
368
|
type: "string",
|
|
@@ -377,36 +385,36 @@ export const ComponentSchema: any = {
|
|
|
377
385
|
{ title: "Download Icon", const: "DownloadIcon" },
|
|
378
386
|
{ title: "Download All Icon", const: "DownloadAllIcon" },
|
|
379
387
|
{ title: "Exception Icon", const: "ExceptionIcon" },
|
|
380
|
-
{
|
|
381
|
-
{
|
|
382
|
-
{
|
|
383
|
-
{
|
|
384
|
-
{
|
|
385
|
-
{
|
|
386
|
-
{
|
|
387
|
-
{
|
|
388
|
-
{
|
|
389
|
-
{
|
|
390
|
-
{
|
|
391
|
-
{
|
|
392
|
-
{
|
|
393
|
-
{
|
|
394
|
-
{
|
|
395
|
-
{
|
|
396
|
-
{
|
|
397
|
-
{
|
|
398
|
-
{
|
|
399
|
-
{
|
|
400
|
-
{
|
|
401
|
-
{
|
|
402
|
-
{
|
|
403
|
-
{
|
|
404
|
-
{
|
|
405
|
-
{
|
|
406
|
-
{
|
|
407
|
-
{
|
|
408
|
-
{
|
|
409
|
-
]
|
|
388
|
+
{ title: "Alarm Icon", const: "AlarmIcon" },
|
|
389
|
+
{ title: "Click Icon", const: "ClickIcon" },
|
|
390
|
+
{ title: "Content Copy Icon", const: "ContentCopyIcon" },
|
|
391
|
+
{ title: "File Copy Icon", const: "FileCopyIcon" },
|
|
392
|
+
{ title: "Pause Icon", const: "PauseIcon" },
|
|
393
|
+
{ title: "Play Icon", const: "PlayIcon" },
|
|
394
|
+
{ title: "Close Icon", const: "CloseIcon" },
|
|
395
|
+
{ title: "Replay Icon", const: "ReplayIcon" },
|
|
396
|
+
{ title: "Delete Icon", const: "DeleteIcon" },
|
|
397
|
+
{ title: "Drafts Icon", const: "DraftsIcon" },
|
|
398
|
+
{ title: "Perm Phone Msg Icon", const: "PermPhoneMsgIcon" },
|
|
399
|
+
{ title: "Paste Icon", const: "PasteIcon" },
|
|
400
|
+
{ title: "Prev Icon", const: "PrevIcon" },
|
|
401
|
+
{ title: "Verified Icon", const: "VerifiedIcon" },
|
|
402
|
+
{ title: "Table Add Icon", const: "TableAddIcon" },
|
|
403
|
+
{ title: "Table Download Icon", const: "TableDownloadIcon" },
|
|
404
|
+
{ title: "Audit Trail Icon", const: "AuditTrailIcon" },
|
|
405
|
+
{ title: "View Component", const: "View" },
|
|
406
|
+
{ title: "Table Edit Icon", const: "TableEditIcon" },
|
|
407
|
+
{ title: "Maximize Icon", const: "Maximize" },
|
|
408
|
+
{ title: "Minimize Icon", const: "Minimize" },
|
|
409
|
+
{ title: "Subtract Icon", const: "Subtract" },
|
|
410
|
+
{ title: "Bin Icon", const: "Bin" },
|
|
411
|
+
{ title: "Export Icon", const: "Export" },
|
|
412
|
+
{ title: "Table Paste Icon", const: "TablePaste" },
|
|
413
|
+
{ title: "Clone Icon", const: "CloneIcon" },
|
|
414
|
+
{ title: "Detail Icon", const: "DetailIcon" },
|
|
415
|
+
{ title: "Report View Icon", const: "ReportViewIcon" },
|
|
416
|
+
{ title: "Payout", const: "Payout" },
|
|
417
|
+
],
|
|
410
418
|
},
|
|
411
419
|
color: {
|
|
412
420
|
type: "string",
|
|
@@ -416,19 +424,19 @@ export const ComponentSchema: any = {
|
|
|
416
424
|
{ title: "Error", const: "error" },
|
|
417
425
|
{ title: "Success", const: "success" },
|
|
418
426
|
{ title: "Info", const: "info" },
|
|
419
|
-
]
|
|
427
|
+
],
|
|
420
428
|
},
|
|
421
429
|
pageName: {
|
|
422
|
-
path: []
|
|
430
|
+
path: [],
|
|
423
431
|
},
|
|
424
432
|
name: {
|
|
425
433
|
type: "string",
|
|
426
434
|
},
|
|
427
|
-
label: { type:
|
|
435
|
+
label: { type: "string" },
|
|
428
436
|
RemoveItemButton: {
|
|
429
437
|
disabled: true,
|
|
430
438
|
},
|
|
431
439
|
},
|
|
432
440
|
|
|
433
|
-
required: ["name",
|
|
441
|
+
required: ["name"],
|
|
434
442
|
};
|