impaktapps-ui-builder 0.0.382-alpha.10 → 0.0.382-alpha.12

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 (19) hide show
  1. package/dist/impaktapps-ui-builder.es.js +386 -388
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +11 -11
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +15 -18
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +16 -36
  10. package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts +1 -6
  11. package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts +1 -1
  12. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  13. package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts +1 -1
  14. package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts +1 -6
  15. package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts +1 -6
  16. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  17. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +21 -0
  18. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +246 -226
  19. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +23 -0
package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts CHANGED
@@ -42,24 +42,6 @@ export declare const CoreSection: {
42
42
  };
43
43
  };
44
44
  layout?: undefined;
45
- } | {
46
- type: string;
47
- scope: string;
48
- config: {
49
- layout: {
50
- xs: number;
51
- sm: number;
52
- md: number;
53
- lg: number;
54
- };
55
- main?: undefined;
56
- };
57
- options: {
58
- widget: string;
59
- elementLabelProp?: undefined;
60
- detail?: undefined;
61
- };
62
- layout?: undefined;
63
45
  } | {
64
46
  type: string;
65
47
  scope: string;
@@ -108,6 +90,21 @@ export declare const CoreSection: {
108
90
  errorMessage: string;
109
91
  };
110
92
  };
93
+ } | {
94
+ type: string;
95
+ scope: string;
96
+ options: {
97
+ widget: string;
98
+ };
99
+ config: {
100
+ layout: {
101
+ xs: number;
102
+ sm: number;
103
+ md?: undefined;
104
+ lg?: undefined;
105
+ };
106
+ main?: undefined;
107
+ };
111
108
  })[];
112
109
  };
113
110
  widget?: undefined;
package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts CHANGED
@@ -2,140 +2,89 @@ export declare const EventSection: {
2
2
  type: string;
3
3
  elements: {
4
4
  type: string;
5
+ scope: string;
6
+ options: {
7
+ widget: string;
8
+ };
5
9
  config: {
6
10
  main: {
7
- divider: boolean;
8
- };
9
- wrapperStyle: {
10
- border: string;
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;
11
38
  };
12
39
  };
13
40
  elements: ({
14
- type: string;
15
- scope: string;
16
- options: {
17
- widget: string;
18
- };
19
- config: {
20
- layout: number;
21
- main: {
22
- heading: string;
23
- icon?: undefined;
24
- styleDefault?: undefined;
25
- size?: undefined;
26
- onClick?: undefined;
27
- tooltipMessage?: undefined;
28
- disableAction?: undefined;
29
- disableSelection?: undefined;
30
- enableDrag?: undefined;
31
- };
32
- style: {
33
- fontFamily: string;
34
- fontWeight: string;
35
- paddingLeft: string;
36
- fontSize: string;
37
- float?: undefined;
38
- };
39
- };
40
- elements?: undefined;
41
+ accessorKey: string;
42
+ header: string;
43
+ widget?: undefined;
41
44
  } | {
42
- type: string;
43
- scope: string;
44
- options: {
45
- widget: string;
46
- };
47
- config: {
48
- layout: number;
49
- main: {
50
- icon: string;
51
- styleDefault: boolean;
52
- size: string;
53
- onClick: string;
54
- tooltipMessage: string;
55
- heading?: undefined;
56
- disableAction?: undefined;
57
- disableSelection?: undefined;
58
- enableDrag?: undefined;
45
+ accessorKey: string;
46
+ header: string;
47
+ widget: {
48
+ type: string;
49
+ scope: string;
50
+ options: {
51
+ widget: string;
59
52
  };
60
- style: {
61
- float: string;
62
- fontFamily?: undefined;
63
- fontWeight?: undefined;
64
- paddingLeft?: undefined;
65
- fontSize?: undefined;
53
+ config: {
54
+ main: {
55
+ color: string;
56
+ size: string;
57
+ icon: string;
58
+ tooltipMessage: string;
59
+ onClick: string;
60
+ };
61
+ style: {
62
+ color: string;
63
+ };
66
64
  };
65
+ accessorKeyName?: undefined;
67
66
  };
68
- elements?: undefined;
69
67
  } | {
70
- type: string;
71
- scope: string;
72
- options: {
73
- widget: string;
74
- };
75
- config: {
76
- main: {
77
- disableAction: boolean;
78
- disableSelection: boolean;
79
- enableDrag: boolean;
80
- heading?: undefined;
81
- icon?: undefined;
82
- styleDefault?: undefined;
83
- size?: undefined;
84
- onClick?: undefined;
85
- tooltipMessage?: undefined;
68
+ accessorKey: string;
69
+ header: string;
70
+ widget: {
71
+ type: string;
72
+ scope: string;
73
+ accessorKeyName: string;
74
+ options: {
75
+ widget: string;
86
76
  };
87
- layout?: undefined;
88
- style?: undefined;
89
- };
90
- elements: ({
91
- accessorKey: string;
92
- header: string;
93
- widget?: undefined;
94
- } | {
95
- accessorKey: string;
96
- header: string;
97
- widget: {
98
- type: string;
99
- scope: string;
100
- options: {
101
- widget: string;
102
- };
103
- config: {
104
- main: {
105
- color: string;
106
- size: string;
107
- icon: string;
108
- tooltipMessage: string;
109
- onClick: string;
110
- };
111
- style: {
112
- color: string;
113
- };
77
+ config: {
78
+ main: {
79
+ icon: string;
80
+ color: string;
81
+ tooltipMessage: string;
82
+ onClick: string;
83
+ size?: undefined;
114
84
  };
115
- accessorKeyName?: undefined;
85
+ style?: undefined;
116
86
  };
117
- } | {
118
- accessorKey: string;
119
- header: string;
120
- widget: {
121
- type: string;
122
- scope: string;
123
- accessorKeyName: string;
124
- options: {
125
- widget: string;
126
- };
127
- config: {
128
- main: {
129
- icon: string;
130
- color: string;
131
- tooltipMessage: string;
132
- onClick: string;
133
- size?: undefined;
134
- };
135
- style?: undefined;
136
- };
137
- };
138
- })[];
87
+ };
139
88
  })[];
140
89
  }[];
141
90
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts CHANGED
@@ -7,7 +7,7 @@ export declare const ValueTab: {
7
7
  options: {
8
8
  detail: {
9
9
  type: string;
10
- elements: {
10
+ elements: ({
11
11
  type: string;
12
12
  scope: string;
13
13
  options: {
@@ -24,7 +24,22 @@ export declare const ValueTab: {
24
24
  label: string;
25
25
  };
26
26
  };
27
- }[];
27
+ } | {
28
+ type: string;
29
+ scope: string;
30
+ options: {
31
+ widget: string;
32
+ };
33
+ config: {
34
+ layout: {
35
+ xs: number;
36
+ sm: number;
37
+ md: number;
38
+ lg: number;
39
+ };
40
+ main?: undefined;
41
+ };
42
+ })[];
28
43
  };
29
44
  };
30
45
  }[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.382-alpha.10",
3
+ "version": "0.0.382-alpha.12",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -9,7 +9,7 @@ export const CoreSection = {
9
9
  widget: "SelectInputField",
10
10
  },
11
11
  config: {
12
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
12
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
13
13
  main: {
14
14
  label: "Type",
15
15
  type: "text",
@@ -24,12 +24,7 @@ export const CoreSection = {
24
24
  widget: "InputField",
25
25
  },
26
26
  config: {
27
- layout: {
28
- xs: 12,
29
- sm: 12,
30
- md: 6,
31
- lg: 6,
32
- },
27
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
33
28
  main: {
34
29
  label: "Name",
35
30
  },
@@ -43,31 +38,16 @@ export const CoreSection = {
43
38
  widget: "InputField",
44
39
  },
45
40
  config: {
46
- layout: {
47
- xs: 12,
48
- sm: 12,
49
- md: 6,
50
- lg: 6,
51
- },
41
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
52
42
  main: {
53
43
  label: "Label",
54
44
  },
55
45
  },
56
46
  },
57
- {
58
- type: "Control",
59
- scope: "#/properties/proc",
60
- config: {
61
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
62
- },
63
- options: {
64
- widget: "EmptyBox",
65
- },
66
- },
67
47
  {
68
48
  type: "Control",
69
49
  scope: "#/properties/layout",
70
- layout: 11.5,
50
+ layout: 12,
71
51
  options: {
72
52
  "elementLabelProp": "key",
73
53
  detail: {
@@ -81,12 +61,7 @@ export const CoreSection = {
81
61
  widget: "SelectInputField",
82
62
  },
83
63
  config: {
84
- layout: {
85
- xs: 11,
86
- sm: 11,
87
- md: 5.5,
88
- lg: 5.5,
89
- },
64
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
90
65
  main: {
91
66
  label: "Screen Size",
92
67
 
@@ -101,12 +76,7 @@ export const CoreSection = {
101
76
  widget: "InputField",
102
77
  },
103
78
  config: {
104
- layout: {
105
- xs: 11,
106
- sm: 11,
107
- md: 5.5,
108
- lg: 5.5,
109
- },
79
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
110
80
  main: {
111
81
  label: "Value",
112
82
  type:"number",
@@ -116,6 +86,16 @@ export const CoreSection = {
116
86
  },
117
87
  },
118
88
  },
89
+ {
90
+ type: 'Control',
91
+ scope: '#/properties/emptyBox',
92
+ options: {
93
+ widget: "EmptyBox"
94
+ },
95
+ config: {
96
+ layout: {xs: 0, sm: 4}
97
+ }
98
+ }
119
99
  ],
120
100
  },
121
101
  },
package/src/impaktapps-ui-builder/builder/build/uischema/dateInputField.ts CHANGED
@@ -6,12 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout: {
10
- xs: 11,
11
- sm: 11,
12
- md: 5.5,
13
- lg: 5.5,
14
- },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  type: "date",
package/src/impaktapps-ui-builder/builder/build/uischema/emptyBox.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  },
7
7
 
8
8
  config: {
9
- layout:{xs:12,sm:12,md:5.5,lg:5.5},
9
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
10
10
  main: {},
11
11
  style:{}
12
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts CHANGED
@@ -1,58 +1,58 @@
1
1
  export const EventSection = {
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",
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
19
 
20
- options: {
21
- widget: "Box",
22
- },
23
- config: {
24
- layout: 8,
25
- main: {
26
- heading: "Event 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",
20
+ // options: {
21
+ // widget: "Box",
22
+ // },
23
+ // config: {
24
+ // layout: 8,
25
+ // main: {
26
+ // heading: "Event 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
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: "eventAddHandler",
49
- tooltipMessage: "Back",
50
- },
51
- style: {
52
- float: "right",
53
- },
54
- },
55
- },
39
+ // options: {
40
+ // widget: "IconButton",
41
+ // },
42
+ // config: {
43
+ // layout: 3,
44
+ // main: {
45
+ // icon: "AddIcon",
46
+ // styleDefault: true,
47
+ // size: "small",
48
+ // onClick: "eventAddHandler",
49
+ // tooltipMessage: "Back",
50
+ // },
51
+ // style: {
52
+ // float: "right",
53
+ // },
54
+ // },
55
+ // },
56
56
  {
57
57
  type: "Control",
58
58
  scope: "#/properties/events",
@@ -61,6 +61,33 @@ export const EventSection = {
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: "eventAddHandler",
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,
@@ -124,7 +151,7 @@ export const EventSection = {
124
151
  },
125
152
  ]
126
153
  }]}
127
- ]}
154
+ // ]}
128
155
 
129
156
  export const EventSectionSchema = {
130
157
  events: {
package/src/impaktapps-ui-builder/builder/build/uischema/multiSelect.ts CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  widget: "MultipleSelect",
7
7
  },
8
8
  config: {
9
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
10
10
  main: {
11
11
  label: "",
12
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/selectInputField.ts CHANGED
@@ -6,12 +6,7 @@ export default {
6
6
  widget: "SelectInputField",
7
7
  },
8
8
  config: {
9
- "layout": {
10
- "xs": 11,
11
- "sm": 11,
12
- "md": 5.5,
13
- "lg": 5.5
14
- },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  type: "text",
package/src/impaktapps-ui-builder/builder/build/uischema/textInputField.ts CHANGED
@@ -6,12 +6,7 @@ export default {
6
6
  widget: "InputField",
7
7
  },
8
8
  config: {
9
- layout: {
10
- xs: 11,
11
- sm: 11,
12
- md: 5.5,
13
- lg: 5.5,
14
- },
9
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
15
10
  main: {
16
11
  label: "",
17
12
  },
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -18,12 +18,7 @@ export const ValueTab = {
18
18
  widget: "InputField",
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: "Label",
29
24
  },
@@ -37,18 +32,23 @@ export const ValueTab = {
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: "Value",
48
38
 
49
39
  },
50
40
  },
51
41
  },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/emptyBox",
45
+ options: {
46
+ widget: "EmptyBox"
47
+ },
48
+ config: {
49
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
50
+ }
51
+ }
52
52
  ],
53
53
  },
54
54
  },