impaktapps-ui-builder 0.0.412-mtreemap.7 → 0.0.412-mtreemap.9

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 (14) hide show
  1. package/dist/impaktapps-ui-builder.es.js +146 -112
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +3 -3
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +23 -5
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +33 -21
  9. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  10. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +14 -0
  11. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +1 -1
  12. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +3 -45
  13. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +27 -0
  14. package/src/impaktapps-ui-builder/builder/services/event.ts +7 -5
package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts CHANGED
@@ -42,6 +42,24 @@ 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;
45
63
  } | {
46
64
  type: string;
47
65
  scope: string;
@@ -93,18 +111,18 @@ export declare const CoreSection: {
93
111
  } | {
94
112
  type: string;
95
113
  scope: string;
96
- options: {
97
- widget: string;
98
- };
99
114
  config: {
100
115
  layout: {
101
116
  xs: number;
102
117
  sm: number;
103
- md?: undefined;
104
- lg?: undefined;
118
+ md: number;
119
+ lg: number;
105
120
  };
106
121
  main?: undefined;
107
122
  };
123
+ options: {
124
+ widget: string;
125
+ };
108
126
  })[];
109
127
  };
110
128
  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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.412-mtreemap.7",
3
+ "version": "0.0.412-mtreemap.9",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts CHANGED
@@ -44,6 +44,30 @@ export const CoreSection = {
44
44
  },
45
45
  },
46
46
  },
47
+ {
48
+ type: "Control",
49
+ scope: "#/properties/columnFormat",
50
+ options: {
51
+ widget: "SelectInputField",
52
+ },
53
+ config: {
54
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
55
+ main: {
56
+ label: "Column Format",
57
+
58
+ },
59
+ },
60
+ },
61
+ {
62
+ type: "Control",
63
+ scope: "#/properties/proc",
64
+ config: {
65
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
66
+ },
67
+ options: {
68
+ widget: "EmptyBox",
69
+ },
70
+ },
47
71
  {
48
72
  type: "Control",
49
73
  scope: "#/properties/layout",
@@ -87,15 +111,15 @@ export const CoreSection = {
87
111
  },
88
112
  },
89
113
  {
90
- type: 'Control',
91
- scope: '#/properties/emptyBox',
114
+ type: "Control",
115
+ scope: "#/properties/proc",
116
+ config: {
117
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
118
+ },
92
119
  options: {
93
- widget: "EmptyBox"
120
+ widget: "EmptyBox",
94
121
  },
95
- config: {
96
- layout: {xs: 0, sm: 4}
97
- }
98
- }
122
+ },
99
123
  ],
100
124
  },
101
125
  },
@@ -118,12 +142,7 @@ export const OptionArray: any = {
118
142
  widget: "SelectInputField",
119
143
  },
120
144
  config: {
121
- layout: {
122
- xs: 11,
123
- sm: 11,
124
- md: 5.5,
125
- lg: 5.5,
126
- },
145
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
127
146
  main: {
128
147
  label: "Label",
129
148
  },
@@ -137,12 +156,7 @@ export const OptionArray: any = {
137
156
  widget: "InputField",
138
157
  },
139
158
  config: {
140
- layout: {
141
- xs: 11,
142
- sm: 11,
143
- md: 5.5,
144
- lg: 5.5,
145
- },
159
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
146
160
  main: {
147
161
  label: "Value",
148
162
  helperText: 'Number should be in range of 0 to 12',
@@ -171,5 +185,3 @@ export const OptionArraySchema = {
171
185
  },
172
186
  },
173
187
  };
174
-
175
-
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/refresh.ts CHANGED
@@ -29,6 +29,20 @@ export const refreshSectionUiSchema = {
29
29
  type: "Control",
30
30
  scope: "#/properties/emptyBox",
31
31
 
32
+ options: {
33
+ widget: "EmptyBox",
34
+ },
35
+ config: {
36
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
37
+ main: {
38
+
39
+ },
40
+ },
41
+ },
42
+ {
43
+ type: "Control",
44
+ scope: "#/properties/emptyBox",
45
+
32
46
  options: {
33
47
  widget: "EmptyBox",
34
48
  },
package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts CHANGED
@@ -6,7 +6,7 @@ export const ValueTab = {
6
6
  {
7
7
  type: "Control",
8
8
  scope: "#/properties/value",
9
- layout: 11.5,
9
+ layout: 12,
10
10
  options: {
11
11
  detail: {
12
12
  type: "HorizontalLayout",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -158,7 +158,7 @@ export const componentBasicUiSchema: any = (theme)=>{
158
158
  type: "Control",
159
159
  scope: "#/properties/proc",
160
160
  config: {
161
- llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
161
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
162
162
  },
163
163
  options: {
164
164
  widget: "EmptyBox",
@@ -168,7 +168,7 @@ export const componentBasicUiSchema: any = (theme)=>{
168
168
  type: "Control",
169
169
  scope: "#/properties/proc",
170
170
  config: {
171
- llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
171
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
172
172
  },
173
173
  options: {
174
174
  widget: "EmptyBox",
@@ -219,7 +219,7 @@ export const componentBasicUiSchema: any = (theme)=>{
219
219
  type: "Control",
220
220
  scope: "#/properties/proc",
221
221
  config: {
222
- llayout: { xs: 0, sm: 4, md: 4, lg: 4 },
222
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
223
223
  },
224
224
  options: {
225
225
  widget: "EmptyBox",
@@ -415,45 +415,3 @@ export const componentBasicUiSchema: any = (theme)=>{
415
415
  };
416
416
  return uiSchema
417
417
  }
418
-
419
-
420
-
421
-
422
-
423
-
424
-
425
-
426
-
427
-
428
-
429
-
430
-
431
-
432
-
433
-
434
-
435
- // {
436
- // type: "Control",
437
- // scope: "#/properties/homeBtn",
438
-
439
- // options: {
440
- // widget: "Button",
441
- // },
442
- // config: {
443
- // layout: {xs:2,sm:2,md:1},
444
- // main: {
445
- // name: "🏠",
446
- // },
447
- // style: {
448
- // marginRight:'auto',
449
- // marginLeft:"auto",
450
- // width:"20px",
451
-
452
- // // background:"inherit",
453
- // // boxShadow:"none",
454
- // float:"left",
455
- // borderRadius:"50%"
456
-
457
- // },
458
- // },
459
- // },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -187,6 +187,33 @@ export const EventUiSchema: any = (theme) => {
187
187
  },
188
188
  config: {
189
189
  main: {
190
+ headerIcons: {
191
+ elements: [
192
+ {
193
+ widget: {
194
+ type: "Control",
195
+ scope: "#/properties/New_Record",
196
+
197
+ options: {
198
+ widget: "IconButton",
199
+ },
200
+ config: {
201
+ main: {
202
+ // color: "info",
203
+ onClick: "addEvent",
204
+ size: "small",
205
+ icon: "AddIcon",
206
+ iconLabel: "Add New",
207
+ styleDefault: true,
208
+ },
209
+ style: {
210
+ mt: "6px",
211
+ },
212
+ },
213
+ }
214
+ },
215
+ ]
216
+ },
190
217
  disableAction: true,
191
218
  disableSelection: true,
192
219
  enableDrag: true,
package/src/impaktapps-ui-builder/builder/services/event.ts CHANGED
@@ -29,12 +29,13 @@ export default (
29
29
  if (handlerType) {
30
30
  if (handlerType === "custom") {
31
31
  uiSchema.elements[0].elements[0].elements[2] = getRadioInputField("isSync","Run in Sync",["Yes","No"])
32
- uiSchema.elements[0].elements[0].elements[3] = emptyBox;
33
- uiSchema.elements[0].elements[0].elements[4] = getTextArea("eventCode", "Write Custom Code", false)
32
+ // uiSchema.elements[0].elements[0].elements[3] = emptyBox;
33
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("eventCode", "Write Custom Code", false)
34
34
  schema.required = ["eventType", "Handler", "eventCode"]
35
35
 
36
36
  } else if (handlerType === "api") {
37
- uiSchema.elements[0].elements[0].elements[2] = APISection;
37
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
38
+ uiSchema.elements[0].elements[0].elements[3] = APISection;
38
39
  schema.required = ["eventType", "Handler", "method", "path"]
39
40
  } else if (handlerType === "inBuiltFunction") {
40
41
  uiSchema.elements[0].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
@@ -42,10 +43,11 @@ export default (
42
43
  { label: "Download File", value: "downloadFile" },
43
44
  { label: "Download Blob File", value: "downloadBlobFile" }
44
45
  ])
45
- uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
46
+ uiSchema.elements[0].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true);
46
47
  schema.required = ["eventType", "Handler", "inBuiltFunctionType"]
47
48
  } else if (handlerType === "refresh") {
48
- uiSchema.elements[0].elements[0].elements[2] = refreshSectionUiSchema;
49
+ uiSchema.elements[0].elements[0].elements[2] = emptyBox;
50
+ uiSchema.elements[0].elements[0].elements[3] = refreshSectionUiSchema;
49
51
  schema.properties.refreshElements.required = ["value"]
50
52
  schema.properties.refreshElements.items.required = ["value"]
51
53
  schema.required = ["eventType", "Handler", "refreshElements"]