impaktapps-ui-builder 0.0.382-alpha.14 → 0.0.382-alpha.16

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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +115 -119
  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/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts +53 -102
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +17 -2
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts +84 -56
  9. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +12 -12
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +24 -33
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +24 -11
package/dist/src/impaktapps-ui-builder/builder/build/uischema/tableSection.d.ts CHANGED
@@ -2,116 +2,67 @@ export declare const TableSection: {
2
2
  type: string;
3
3
  elements: {
4
4
  type: string;
5
+ scope: string;
6
+ options: {
7
+ widget: string;
8
+ };
5
9
  config: {
6
- main: {};
7
- wrapperStyle: {
8
- border: string;
10
+ main: {
11
+ headerIcons: {
12
+ elements: {
13
+ widget: {
14
+ type: string;
15
+ scope: string;
16
+ options: {
17
+ widget: string;
18
+ };
19
+ config: {
20
+ main: {
21
+ color: string;
22
+ onClick: string;
23
+ size: string;
24
+ icon: string;
25
+ iconLabel: string;
26
+ styleDefault: boolean;
27
+ };
28
+ style: {
29
+ mt: string;
30
+ };
31
+ };
32
+ };
33
+ }[];
34
+ };
35
+ disableAction: boolean;
36
+ disableSelection: boolean;
37
+ enableDrag: boolean;
9
38
  };
10
39
  };
11
40
  elements: ({
12
- type: string;
13
- scope: string;
14
- options: {
15
- widget: string;
16
- };
17
- config: {
18
- layout: number;
19
- main: {
20
- heading: string;
21
- icon?: undefined;
22
- styleDefault?: undefined;
23
- size?: undefined;
24
- onClick?: undefined;
25
- tooltipMessage?: undefined;
26
- disableAction?: undefined;
27
- disableSelection?: undefined;
28
- enableDrag?: undefined;
29
- };
30
- style: {
31
- fontFamily: string;
32
- fontWeight: string;
33
- paddingLeft: string;
34
- fontSize: string;
35
- float?: undefined;
36
- };
37
- };
38
- elements?: undefined;
41
+ accessorKey: string;
42
+ header: string;
43
+ field?: undefined;
44
+ flex?: undefined;
45
+ widget?: undefined;
39
46
  } | {
40
- type: string;
41
- scope: string;
42
- options: {
43
- widget: string;
44
- };
45
- config: {
46
- layout: number;
47
- main: {
48
- icon: string;
49
- styleDefault: boolean;
50
- size: string;
51
- onClick: string;
52
- tooltipMessage: string;
53
- heading?: undefined;
54
- disableAction?: undefined;
55
- disableSelection?: undefined;
56
- enableDrag?: undefined;
57
- };
58
- style: {
59
- float: string;
60
- fontFamily?: undefined;
61
- fontWeight?: undefined;
62
- paddingLeft?: undefined;
63
- fontSize?: undefined;
47
+ header: string;
48
+ field: string;
49
+ flex: number;
50
+ widget: {
51
+ type: string;
52
+ scope: string;
53
+ options: {
54
+ widget: string;
64
55
  };
65
- };
66
- elements?: undefined;
67
- } | {
68
- type: string;
69
- scope: string;
70
- options: {
71
- widget: string;
72
- };
73
- config: {
74
- main: {
75
- disableAction: boolean;
76
- disableSelection: boolean;
77
- enableDrag: boolean;
78
- heading?: undefined;
79
- icon?: undefined;
80
- styleDefault?: undefined;
81
- size?: undefined;
82
- onClick?: undefined;
83
- tooltipMessage?: undefined;
84
- };
85
- layout?: undefined;
86
- style?: undefined;
87
- };
88
- elements: ({
89
- accessorKey: string;
90
- header: string;
91
- field?: undefined;
92
- flex?: undefined;
93
- widget?: undefined;
94
- } | {
95
- header: string;
96
- field: string;
97
- flex: number;
98
- widget: {
99
- type: string;
100
- scope: string;
101
- options: {
102
- widget: string;
103
- };
104
- config: {
105
- main: {
106
- icon: string;
107
- color: string;
108
- onClick: string;
109
- tooltipMessage: string;
110
- };
56
+ config: {
57
+ main: {
58
+ icon: string;
59
+ color: string;
60
+ onClick: string;
61
+ tooltipMessage: string;
111
62
  };
112
63
  };
113
- accessorKey?: undefined;
114
- })[];
64
+ };
65
+ accessorKey?: undefined;
115
66
  })[];
116
67
  }[];
117
68
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts CHANGED
@@ -8,7 +8,7 @@ export declare const ValidationSection: {
8
8
  elementLabelProp: string;
9
9
  detail: {
10
10
  type: string;
11
- elements: {
11
+ elements: ({
12
12
  type: string;
13
13
  scope: string;
14
14
  options: {
@@ -25,7 +25,22 @@ export declare const ValidationSection: {
25
25
  label: string;
26
26
  };
27
27
  };
28
- }[];
28
+ } | {
29
+ type: string;
30
+ scope: string;
31
+ options: {
32
+ widget: string;
33
+ };
34
+ config: {
35
+ layout: {
36
+ xs: number;
37
+ sm: number;
38
+ md?: undefined;
39
+ lg?: undefined;
40
+ };
41
+ main?: undefined;
42
+ };
43
+ })[];
29
44
  };
30
45
  };
31
46
  }[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.14",
3
+ "version": "0.0.382-alpha.16",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/tableSection.ts CHANGED
@@ -1,58 +1,58 @@
1
1
  export const TableSection = {
2
2
  type: "HorizontalLayout",
3
3
  elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- // label: "Table Columns",
9
- // divider: true,
10
- },
11
- wrapperStyle: {
12
- border:"1px solid gray"
13
- },
14
- },
15
- elements: [
16
- {
17
- type: "Control",
18
- scope: "#/properties/programType",
19
-
20
- options: {
21
- widget: "Box",
22
- },
23
- config: {
24
- layout: 8,
25
- main: {
26
- heading: "Components Table",
27
- },
28
- style: {
29
- fontFamily: "Roboto",
30
- fontWeight: "500",
31
- paddingLeft:"-10px",
32
- fontSize: "20px",},
33
- },
34
- },
35
- {
36
- type: "Control",
37
- scope: "#/properties/Back_Button",
38
-
39
- options: {
40
- widget: "IconButton",
41
- },
42
- config: {
43
- layout: 3,
44
- main: {
45
- icon: "AddIcon",
46
- styleDefault: true,
47
- size: "small",
48
- onClick: "widgetAddClickHandler",
49
- tooltipMessage: "Add New",
50
- },
51
- style: {
52
- float: "right",
53
- },
54
- },
55
- },
4
+ // {
5
+ // type: "WrapperLayout",
6
+ // config: {
7
+ // main: {
8
+ // // label: "Table Columns",
9
+ // // divider: true,
10
+ // },
11
+ // wrapperStyle: {
12
+ // border:"1px solid gray"
13
+ // },
14
+ // },
15
+ // elements: [
16
+ // {
17
+ // type: "Control",
18
+ // scope: "#/properties/programType",
19
+
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: 8,
25
+ // main: {
26
+ // heading: "Components Table",
27
+ // },
28
+ // style: {
29
+ // fontFamily: "Roboto",
30
+ // fontWeight: "500",
31
+ // paddingLeft:"-10px",
32
+ // fontSize: "20px",},
33
+ // },
34
+ // },
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/Back_Button",
38
+
39
+ // options: {
40
+ // widget: "IconButton",
41
+ // },
42
+ // config: {
43
+ // layout: 3,
44
+ // main: {
45
+ // icon: "AddIcon",
46
+ // styleDefault: true,
47
+ // size: "small",
48
+ // onClick: "widgetAddClickHandler",
49
+ // tooltipMessage: "Add New",
50
+ // },
51
+ // style: {
52
+ // float: "right",
53
+ // },
54
+ // },
55
+ // },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/elements",
@@ -61,13 +61,40 @@ export const TableSection = {
61
61
  },
62
62
  config: {
63
63
  main: {
64
+ headerIcons: {
65
+ elements: [
66
+ {
67
+ widget: {
68
+ type: "Control",
69
+ scope: "#/properties/New_Record",
70
+
71
+ options: {
72
+ widget: "IconButton",
73
+ },
74
+ config: {
75
+ main: {
76
+ color: "info",
77
+ onClick: "widgetAddClickHandler",
78
+ size: "small",
79
+ icon: "AddIcon",
80
+ iconLabel: "Add New",
81
+ styleDefault: true,
82
+ },
83
+ style: {
84
+ mt: "6px",
85
+ },
86
+ },
87
+ }
88
+ },
89
+ ]
90
+ },
64
91
  disableAction: true,
65
92
  disableSelection: true,
66
93
  enableDrag: true,
67
-
94
+
68
95
  },
69
96
  },
70
- elements:[
97
+ elements: [
71
98
  {
72
99
  accessorKey: "name",
73
100
  header: "Name"
@@ -117,8 +144,9 @@ export const TableSection = {
117
144
  },
118
145
  }
119
146
  ]
120
- }]}
121
- ]}
147
+ }]
148
+ }
149
+ // ]}
122
150
 
123
151
  export const TableSectionSchema = {
124
152
  columns: {
package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts CHANGED
@@ -18,12 +18,7 @@ export const ValidationSection = {
18
18
  widget: "SelectInputField",
19
19
  },
20
20
  config: {
21
- layout: {
22
- xs: 11,
23
- sm: 11,
24
- md: 5.5,
25
- lg: 5.5,
26
- },
21
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
27
22
  main: {
28
23
  label: "Validation Type",
29
24
  },
@@ -37,16 +32,21 @@ export const ValidationSection = {
37
32
  widget: "InputField",
38
33
  },
39
34
  config: {
40
- layout: {
41
- xs: 11,
42
- sm: 11,
43
- md: 5.5,
44
- lg: 5.5,
45
- },
35
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
46
36
  main: {
47
37
  label: "Validation Value",
48
38
  },
49
39
  },
40
+ },
41
+ {
42
+ type: "Control",
43
+ scope: "#/properties/emptyBox",
44
+ options: {
45
+ widget: "EmptyBox"
46
+ },
47
+ config: {
48
+ layout: {xs: 0, sm: 4}
49
+ }
50
50
  }
51
51
  ],
52
52
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -297,7 +297,7 @@ export const componentBasicUiSchema: any = (theme) => {
297
297
  },
298
298
  },
299
299
  {
300
-
300
+
301
301
  type: "Control",
302
302
  scope: "#/properties/FooterText",
303
303
  options: {
@@ -330,27 +330,6 @@ export const componentBasicUiSchema: any = (theme) => {
330
330
  layout: 2,
331
331
  },
332
332
  },
333
- // {
334
- // type: "Control",
335
- // scope: "#/properties/pageName",
336
-
337
- // options: {
338
- // widget: "Box",
339
- // },
340
- // config: {
341
- // layout: { xs: 7, sm: 7, md: 9 },
342
- // main: {
343
- // heading: " ",
344
- // },
345
- // style: {
346
- // float: "right",
347
- // width: "auto",
348
- // fontSize: "12px",
349
- // color: "gray",
350
- // paddingTop: "10px"
351
- // },
352
- // },
353
- // },
354
333
  {
355
334
  type: "Control",
356
335
  scope: "#/properties/backIcon",
@@ -378,7 +357,7 @@ export const componentBasicUiSchema: any = (theme) => {
378
357
  {
379
358
  type: "Control",
380
359
  scope: "#/properties/text",
381
-
360
+
382
361
  options: {
383
362
  widget: "Box",
384
363
  },
@@ -398,28 +377,40 @@ export const componentBasicUiSchema: any = (theme) => {
398
377
  },
399
378
  ],
400
379
  },
401
-
402
380
  {
403
381
  type: "Control",
404
- scope: "#/properties/pageName",
405
-
382
+ scope: "#/properties/text",
383
+
406
384
  options: {
407
385
  widget: "Box",
408
386
  },
409
387
  config: {
410
- layout: 12,
388
+ layout: 9.7,
411
389
  main: {
412
- heading: " ",
390
+ heading: "very very Long path text very very Long path text very very Long path text very very Long path text",
413
391
  },
414
392
  style: {
415
- // float: "right",
416
- width: "auto",
393
+ color: theme.palette.text.disabled,
394
+ // float: 'right',
395
+ textAlign: 'right',
396
+ // width: 'fit-content',
417
397
  fontSize: "12px",
418
- color: "gray",
419
- paddingTop: "10px"
420
- },
398
+ marginTop: '-16px',
399
+ // marginRight: '100px'
400
+ // marginLeft: '-6px'
401
+ }
421
402
  },
422
403
  },
404
+ {
405
+ type: "Control",
406
+ scope: "#/properties/emptyBox",
407
+ options: {
408
+ widget: "EmptyBox",
409
+ },
410
+ config: {
411
+ layout: 2.3
412
+ }
413
+ },
423
414
  ]
424
415
  }
425
416
  ],
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -327,7 +327,7 @@ export const EventUiSchema: any = (theme) => {
327
327
  },
328
328
  },
329
329
  {
330
-
330
+
331
331
  type: "Control",
332
332
  scope: "#/properties/FooterText",
333
333
  options: {
@@ -387,7 +387,7 @@ export const EventUiSchema: any = (theme) => {
387
387
  {
388
388
  type: "Control",
389
389
  scope: "#/properties/text",
390
-
390
+
391
391
  options: {
392
392
  widget: "Box",
393
393
  },
@@ -409,24 +409,37 @@ export const EventUiSchema: any = (theme) => {
409
409
  },
410
410
  {
411
411
  type: "Control",
412
- scope: "#/properties/pageName",
413
-
412
+ scope: "#/properties/text",
413
+
414
414
  options: {
415
415
  widget: "Box",
416
416
  },
417
417
  config: {
418
- layout: 12,
418
+ layout: 9.7,
419
419
  main: {
420
- heading: " ",
420
+ heading: "very very Long path text very very Long path text very very Long path text very very Long path text",
421
421
  },
422
422
  style: {
423
- // float: "right",
424
- width: "auto",
423
+ color: theme.palette.text.disabled,
424
+ // float: 'right',
425
+ textAlign: 'right',
426
+ // width: 'fit-content',
425
427
  fontSize: "12px",
426
- color: "gray",
427
- paddingTop: "10px"
428
- },
428
+ marginTop: '-16px',
429
+ // marginRight: '100px'
430
+ // marginLeft: '-6px'
431
+ }
432
+ },
433
+ },
434
+ {
435
+ type: "Control",
436
+ scope: "#/properties/emptyBox",
437
+ options: {
438
+ widget: "EmptyBox",
429
439
  },
440
+ config: {
441
+ layout: 2.3
442
+ }
430
443
  },
431
444
  ]
432
445
  }