impaktapps-ui-builder 1.0.135 → 1.0.137

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.
@@ -22,7 +22,7 @@ declare const _default: (funcParams: funcParamsProps) => {
22
22
  onRowMovement: (paginationValues: any) => Promise<any>;
23
23
  onPaginationChange: (paginationValues: any) => Promise<any>;
24
24
  getSelectOptions: (param: any) => Promise<any>;
25
- onChange: () => Promise<void>;
25
+ onChange: () => void;
26
26
  callExecuteEvents: (paramValue: any, apiBody: any, eventType: string) => Promise<any>;
27
27
  onBack: (functionParameters: any) => Promise<void>;
28
28
  onNext: (functionParameters: any) => Promise<void>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "1.0.135",
3
+ "version": "1.0.137",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
@@ -45,7 +45,7 @@ export const createLayoutFormat = (layout: any[], type?: string) => {
45
45
  let data: any = { };
46
46
 
47
47
  layout.map((e: any) => {
48
- data[e.key || "xs"] = +e.value || 5.5;
48
+ data[e.key || "xs"] = +e.value || 0;
49
49
 
50
50
  })
51
51
  return data;
@@ -302,7 +302,8 @@ const buildUiSchema = (config: any, store?: any) => {
302
302
  enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
303
303
  columnFilterModeOptions: cellElem.filteringOptions,
304
304
  enableSorting: cellElem.enableSorting === "No" ? false : true,
305
- columnKey: cellElem.columnKey
305
+ columnKey: cellElem.columnKey,
306
+ dateFormat: cellElem.dateFormat,
306
307
  }
307
308
  if (cellElem.type) {
308
309
  const tableElem = {
@@ -335,7 +336,8 @@ const buildUiSchema = (config: any, store?: any) => {
335
336
  enableColumnFilter: cellElem.enableFilter === "No" ? false : true,
336
337
  columnFilterModeOptions: cellElem.filteringOptions,
337
338
  enableSorting: cellElem.enableSorting === "No" ? false : true,
338
- columnKey: cellElem.columnKey
339
+ columnKey: cellElem.columnKey,
340
+ dateFormat: cellElem.dateFormat,
339
341
  }
340
342
  if (cellElem.type) {
341
343
  if (cellElem.elementType == "action") {
@@ -62,20 +62,76 @@ export const CoreSection = {
62
62
  },
63
63
  },
64
64
  },
65
- // {
66
- // type: "Control",
67
- // scope: "#/properties/columnFormat",
68
- // options: {
69
- // widget: "SelectInputField",
70
- // },
71
- // config: {
72
- // layout: { xs: 6, sm: 6, md: 4, lg: 3 },
73
- // main: {
74
- // label: "Column Format",
75
-
76
- // },
77
- // },
78
- // },
65
+ {
66
+ type: "Control",
67
+ scope: "#/properties/proc5",
68
+ config: {
69
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
70
+ },
71
+ options: {
72
+ widget: "EmptyBox",
73
+ },
74
+ },
75
+ {
76
+ type: "Control",
77
+ scope: "#/properties/proc6",
78
+ config: {
79
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
80
+ },
81
+ options: {
82
+ widget: "EmptyBox",
83
+ },
84
+ },
85
+ {
86
+ type: "Control",
87
+ scope: "#/properties/proc7",
88
+ config: {
89
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
90
+ },
91
+ options: {
92
+ widget: "EmptyBox",
93
+ },
94
+ },
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/proc8",
98
+ config: {
99
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
100
+ },
101
+ options: {
102
+ widget: "EmptyBox",
103
+ },
104
+ },
105
+ {
106
+ type: "Control",
107
+ scope: "#/properties/proc9",
108
+ config: {
109
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
110
+ },
111
+ options: {
112
+ widget: "EmptyBox",
113
+ },
114
+ },
115
+ {
116
+ type: "Control",
117
+ scope: "#/properties/proc10",
118
+ config: {
119
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
120
+ },
121
+ options: {
122
+ widget: "EmptyBox",
123
+ },
124
+ },
125
+ {
126
+ type: "Control",
127
+ scope: "#/properties/proc11",
128
+ config: {
129
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
130
+ },
131
+ options: {
132
+ widget: "EmptyBox",
133
+ },
134
+ },
79
135
  {
80
136
  type: "Control",
81
137
  scope: "#/properties/proc",
@@ -117,7 +173,7 @@ export const CoreSection = {
117
173
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
118
174
  main: {
119
175
  label: "Screen Size",
120
-
176
+
121
177
  },
122
178
  },
123
179
  },
@@ -132,11 +188,11 @@ export const CoreSection = {
132
188
  layout: { xs: 6, sm: 6, md: 4, lg: 4 },
133
189
  main: {
134
190
  label: "Value",
135
- type:"number",
191
+ type: "number",
136
192
  // freeSolo:true,
137
- helperText:'Number should be in range of 0 to 12',
138
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
139
-
193
+ helperText: 'Number should be in range of 0 to 12',
194
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
195
+
140
196
  },
141
197
  },
142
198
  },
@@ -43,36 +43,65 @@ 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
+ },
64
+ dateFormat: {
65
+ oneOf: [
66
+ {
67
+ title: "YYYY-MM-DDTHH:mm:ss.SSSZ",
68
+ const: "YYYY-MM-DDTHH:mm:ss.SSSZ",
69
+ },
70
+ {
71
+ title: "YYYY-MM-DDTHH:mm:ssZ",
72
+ const: "YYYY-MM-DDTHH:mm:ssZ",
73
+ },
74
+ {
75
+ title: "YYYY-MM-DDTHH:mm:ss",
76
+ const: "YYYY-MM-DDTHH:mm:ss",
77
+ },
78
+ { title: "YYYY-MM-DD", const: "YYYY-MM-DD" },
79
+ { title: "DD-MM-YYYY", const: "DD-MM-YYYY" },
80
+ { title: "MM/DD/YYYY", const: "MM/DD/YYYY" },
81
+ {
82
+ title: "YYYY-MM-DD HH:mm:ss",
83
+ const: "YYYY-MM-DD HH:mm:ss",
84
+ },
85
+ {
86
+ title: "YYYY-MM-DD HH:mm:ss.SSS",
87
+ const: "YYYY-MM-DD HH:mm:ss.SSS",
88
+ },
89
+ { title: "Milliseconds", const: "x" },
90
+ { title: "Seconds", const: "X" },
91
+ ],
63
92
  },
64
93
  variant: {
65
94
  oneOf: [
66
95
  { title: "Outlined", const: "outlined" },
67
96
  { title: "Filled", const: "filled" },
68
97
  { title: "Standard", const: "standard" },
69
- ]
98
+ ],
70
99
  },
71
100
  orientation: {
72
101
  oneOf: [
73
102
  { title: "Horizontal", const: "horizontal" },
74
103
  { title: "Vertical", const: "vertical" },
75
- ]
104
+ ],
76
105
  },
77
106
  method: {
78
107
  type: "string",
@@ -81,7 +110,7 @@ export const ComponentSchema: any = {
81
110
  { title: "Post", const: "post" },
82
111
  { title: "Delete", const: "delete" },
83
112
  { title: "Put", const: "put" },
84
- ]
113
+ ],
85
114
  },
86
115
  maxPageSize: {
87
116
  type: "number",
@@ -91,16 +120,16 @@ export const ComponentSchema: any = {
91
120
  { title: "30", const: 30 },
92
121
  { title: "50", const: 50 },
93
122
  { title: "100", const: 100 },
94
- { title: "500", const: 500 }
95
- ]
123
+ { title: "500", const: 500 },
124
+ ],
96
125
  },
97
- initialDensity:{
126
+ initialDensity: {
98
127
  type: "string",
99
- oneOf: [
128
+ oneOf: [
100
129
  { title: "Compact", const: "compact" },
101
130
  { title: "Comfortable", const: "comfortable" },
102
- { title: "Spacious", const: "spacious" }
103
- ]
131
+ { title: "Spacious", const: "spacious" },
132
+ ],
104
133
  },
105
134
  layout: {
106
135
  type: "array",
@@ -116,9 +145,7 @@ export const ComponentSchema: any = {
116
145
  { title: "Large", const: "lg" },
117
146
  ],
118
147
  },
119
- value: {
120
-
121
- },
148
+ value: {},
122
149
  },
123
150
  },
124
151
  },
@@ -136,9 +163,7 @@ export const ComponentSchema: any = {
136
163
  { title: "Large", const: "lg" },
137
164
  ],
138
165
  },
139
- value: {
140
-
141
- },
166
+ value: {},
142
167
  },
143
168
  },
144
169
  },
@@ -195,7 +220,6 @@ export const ComponentSchema: any = {
195
220
  label: {
196
221
  type: "string",
197
222
  },
198
-
199
223
  },
200
224
  },
201
225
  },
@@ -207,7 +231,6 @@ export const ComponentSchema: any = {
207
231
  KeyName: {
208
232
  type: "string",
209
233
  },
210
-
211
234
  },
212
235
  },
213
236
  },
@@ -220,8 +243,8 @@ export const ComponentSchema: any = {
220
243
  type: "string",
221
244
  },
222
245
  value: {
223
- type: "string"
224
- }
246
+ type: "string",
247
+ },
225
248
  },
226
249
  },
227
250
  },
@@ -238,19 +261,19 @@ export const ComponentSchema: any = {
238
261
  },
239
262
  filteringOptions: {
240
263
  oneOf: [
241
- { const: 'fuzzy', title: 'Fuzzy' },
242
- { const: 'contains', title: 'Contain' },
243
- { const: 'startsWith', title: 'Starts with' },
244
- { const: 'endsWith', title: 'Ends with' },
245
- { const: 'equals', title: 'Equals' },
246
- { const: 'notEquals', title: 'Not Equals' },
247
- { const: 'between', title: 'Between' },
248
- { const: 'betweenInclusive', title: 'Between inclusive' },
249
- { const: 'greaterThan', title: 'Greater than' },
250
- { const: 'greaterThanOrEqualTo', title: 'Greater than or equal to' },
251
- { const: 'lessThan', title: 'Less than' },
252
- { const: 'lessThanOrEqualTo', title: 'Less than or equal to' },
253
- ]
264
+ { const: "fuzzy", title: "Fuzzy" },
265
+ { const: "contains", title: "Contain" },
266
+ { const: "startsWith", title: "Starts with" },
267
+ { const: "endsWith", title: "Ends with" },
268
+ { const: "equals", title: "Equals" },
269
+ { const: "notEquals", title: "Not Equals" },
270
+ { const: "between", title: "Between" },
271
+ { const: "betweenInclusive", title: "Between inclusive" },
272
+ { const: "greaterThan", title: "Greater than" },
273
+ { const: "greaterThanOrEqualTo", title: "Greater than or equal to" },
274
+ { const: "lessThan", title: "Less than" },
275
+ { const: "lessThanOrEqualTo", title: "Less than or equal to" },
276
+ ],
254
277
  },
255
278
 
256
279
  legendLabels: {
@@ -261,7 +284,6 @@ export const ComponentSchema: any = {
261
284
  label: {
262
285
  type: "string",
263
286
  },
264
-
265
287
  },
266
288
  },
267
289
  },
@@ -273,7 +295,6 @@ export const ComponentSchema: any = {
273
295
  label: {
274
296
  type: "string",
275
297
  },
276
-
277
298
  },
278
299
  },
279
300
  },
@@ -285,7 +306,6 @@ export const ComponentSchema: any = {
285
306
  formatElement: {
286
307
  type: "string",
287
308
  },
288
-
289
309
  },
290
310
  },
291
311
  },
@@ -296,7 +316,6 @@ export const ComponentSchema: any = {
296
316
  properties: {
297
317
  componentName: {
298
318
  type: "string",
299
-
300
319
  },
301
320
  validationType: {
302
321
  type: "string",
@@ -306,7 +325,7 @@ export const ComponentSchema: any = {
306
325
  { const: "maxLength", title: "Maximum Length" },
307
326
  { const: "pattern", title: "Pattern" },
308
327
  { const: "readOnly", title: "Read Only" },
309
- ]
328
+ ],
310
329
  },
311
330
  validationValue: {
312
331
  type: "string",
@@ -320,14 +339,14 @@ export const ComponentSchema: any = {
320
339
  { title: "Button", const: "Button" },
321
340
  { title: "IconButton", const: "IconButton" },
322
341
  { title: "HybridButton", const: "ButtonWithIconAndText" },
323
- ]
342
+ ],
324
343
  },
325
344
  defaultStyle: {
326
345
  type: "string",
327
346
  oneOf: [
328
347
  { title: "Apply Default Style", const: "true" },
329
348
  { title: "No Style", const: "false" },
330
- ]
349
+ ],
331
350
  },
332
351
  graphType: {
333
352
  type: "string",
@@ -337,8 +356,11 @@ export const ComponentSchema: any = {
337
356
  { title: "Line Graph", const: "LineGraph" },
338
357
  { title: "Pie Graph", const: "PieGraph" },
339
358
  { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" },
340
- { title: "Stack Horizontal Bar Graph", const: "HorizontalStackBarGraph" }
341
- ]
359
+ {
360
+ title: "Stack Horizontal Bar Graph",
361
+ const: "HorizontalStackBarGraph",
362
+ },
363
+ ],
342
364
  },
343
365
  iconName: {
344
366
  type: "string",
@@ -361,36 +383,36 @@ export const ComponentSchema: any = {
361
383
  { title: "Download Icon", const: "DownloadIcon" },
362
384
  { title: "Download All Icon", const: "DownloadAllIcon" },
363
385
  { title: "Exception Icon", const: "ExceptionIcon" },
364
- { "title": "Alarm Icon", "const": "AlarmIcon" },
365
- { "title": "Click Icon", "const": "ClickIcon" },
366
- { "title": "Content Copy Icon", "const": "ContentCopyIcon" },
367
- { "title": "File Copy Icon", "const": "FileCopyIcon" },
368
- { "title": "Pause Icon", "const": "PauseIcon" },
369
- { "title": "Play Icon", "const": "PlayIcon" },
370
- { "title": "Close Icon", "const": "CloseIcon" },
371
- { "title": "Replay Icon", "const": "ReplayIcon" },
372
- { "title": "Delete Icon", "const": "DeleteIcon" },
373
- { "title": "Drafts Icon", "const": "DraftsIcon" },
374
- { "title": "Perm Phone Msg Icon", "const": "PermPhoneMsgIcon" },
375
- { "title": "Paste Icon", "const": "PasteIcon" },
376
- { "title": "Prev Icon", "const": "PrevIcon" },
377
- { "title": "Verified Icon", "const": "VerifiedIcon" },
378
- { "title": "Table Add Icon", "const": "TableAddIcon" },
379
- { "title": "Table Download Icon", "const": "TableDownloadIcon" },
380
- { "title": "Audit Trail Icon", "const": "AuditTrailIcon" },
381
- { "title": "View Component", "const": "View" },
382
- { "title": "Table Edit Icon", "const": "TableEditIcon" },
383
- { "title": "Maximize Icon", "const": "Maximize" },
384
- { "title": "Minimize Icon", "const": "Minimize" },
385
- { "title": "Subtract Icon", "const": "Subtract" },
386
- { "title": "Bin Icon", "const": "Bin" },
387
- { "title": "Export Icon", "const": "Export" },
388
- { "title": "Table Paste Icon", "const": "TablePaste" },
389
- { "title": "Clone Icon", "const": "CloneIcon" },
390
- { "title": "Detail Icon", "const": "DetailIcon" },
391
- { "title": "Report View Icon", "const": "ReportViewIcon" },
392
- { "title": "Payout", "const": "Payout" },
393
- ]
386
+ { title: "Alarm Icon", const: "AlarmIcon" },
387
+ { title: "Click Icon", const: "ClickIcon" },
388
+ { title: "Content Copy Icon", const: "ContentCopyIcon" },
389
+ { title: "File Copy Icon", const: "FileCopyIcon" },
390
+ { title: "Pause Icon", const: "PauseIcon" },
391
+ { title: "Play Icon", const: "PlayIcon" },
392
+ { title: "Close Icon", const: "CloseIcon" },
393
+ { title: "Replay Icon", const: "ReplayIcon" },
394
+ { title: "Delete Icon", const: "DeleteIcon" },
395
+ { title: "Drafts Icon", const: "DraftsIcon" },
396
+ { title: "Perm Phone Msg Icon", const: "PermPhoneMsgIcon" },
397
+ { title: "Paste Icon", const: "PasteIcon" },
398
+ { title: "Prev Icon", const: "PrevIcon" },
399
+ { title: "Verified Icon", const: "VerifiedIcon" },
400
+ { title: "Table Add Icon", const: "TableAddIcon" },
401
+ { title: "Table Download Icon", const: "TableDownloadIcon" },
402
+ { title: "Audit Trail Icon", const: "AuditTrailIcon" },
403
+ { title: "View Component", const: "View" },
404
+ { title: "Table Edit Icon", const: "TableEditIcon" },
405
+ { title: "Maximize Icon", const: "Maximize" },
406
+ { title: "Minimize Icon", const: "Minimize" },
407
+ { title: "Subtract Icon", const: "Subtract" },
408
+ { title: "Bin Icon", const: "Bin" },
409
+ { title: "Export Icon", const: "Export" },
410
+ { title: "Table Paste Icon", const: "TablePaste" },
411
+ { title: "Clone Icon", const: "CloneIcon" },
412
+ { title: "Detail Icon", const: "DetailIcon" },
413
+ { title: "Report View Icon", const: "ReportViewIcon" },
414
+ { title: "Payout", const: "Payout" },
415
+ ],
394
416
  },
395
417
  color: {
396
418
  type: "string",
@@ -400,19 +422,19 @@ export const ComponentSchema: any = {
400
422
  { title: "Error", const: "error" },
401
423
  { title: "Success", const: "success" },
402
424
  { title: "Info", const: "info" },
403
- ]
425
+ ],
404
426
  },
405
427
  pageName: {
406
- path: []
428
+ path: [],
407
429
  },
408
430
  name: {
409
431
  type: "string",
410
432
  },
411
- label: { type: 'string' },
433
+ label: { type: "string" },
412
434
  RemoveItemButton: {
413
435
  disabled: true,
414
436
  },
415
437
  },
416
438
 
417
- required: ["name",]
439
+ required: ["name"],
418
440
  };
@@ -92,7 +92,67 @@ export const componentBasicUiSchema: any = (theme) => {
92
92
  },
93
93
  {
94
94
  type: "Control",
95
- scope: "#/properties/proc",
95
+ scope: "#/properties/proc5",
96
+ config: {
97
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
98
+ },
99
+ options: {
100
+ widget: "EmptyBox",
101
+ },
102
+ },
103
+ {
104
+ type: "Control",
105
+ scope: "#/properties/proc6",
106
+ config: {
107
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
108
+ },
109
+ options: {
110
+ widget: "EmptyBox",
111
+ },
112
+ },
113
+ {
114
+ type: "Control",
115
+ scope: "#/properties/proc7",
116
+ config: {
117
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
118
+ },
119
+ options: {
120
+ widget: "EmptyBox",
121
+ },
122
+ },
123
+ {
124
+ type: "Control",
125
+ scope: "#/properties/proc8",
126
+ config: {
127
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
128
+ },
129
+ options: {
130
+ widget: "EmptyBox",
131
+ },
132
+ },
133
+ {
134
+ type: "Control",
135
+ scope: "#/properties/proc9",
136
+ config: {
137
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
138
+ },
139
+ options: {
140
+ widget: "EmptyBox",
141
+ },
142
+ },
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/proc10",
146
+ config: {
147
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
148
+ },
149
+ options: {
150
+ widget: "EmptyBox",
151
+ },
152
+ },
153
+ {
154
+ type: "Control",
155
+ scope: "#/properties/proc11",
96
156
  config: {
97
157
  layout: { xs: 6, sm: 6, md: 0, lg: 3 },
98
158
  },
@@ -162,6 +162,29 @@ export function refreshPage(type: string, store: any) {
162
162
  },
163
163
  },
164
164
  }
165
+ UiSchema.elements[0].elements[0].elements[10] = {
166
+ type: "Control",
167
+ scope: "#/properties/dateFormat",
168
+ options: {
169
+ widget: "SelectInputField",
170
+ },
171
+ config: {
172
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
173
+ main: {
174
+ label: "Date Time Format",
175
+ },
176
+ },
177
+ }
178
+ UiSchema.elements[0].elements[0].elements[11] = {
179
+ type: "Control",
180
+ scope: "#/properties/emptyBox",
181
+ options: {
182
+ widget: "EmptyBox",
183
+ },
184
+ config: {
185
+ layout: { xs: 0, sm: 0, md: 0, lg: 6 },
186
+ },
187
+ }
165
188
  }
166
189
  if(parentObj?.type === "LeaderBoard"){
167
190
  UiSchema.elements[0].elements[0].elements[4] =