impaktapps-ui-builder 0.0.382-alpha.11 → 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 (11) hide show
  1. package/dist/impaktapps-ui-builder.es.js +125 -111
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +10 -10
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/eventSection.d.ts +70 -121
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +78 -51
  9. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  10. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +21 -0
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +23 -0
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.11",
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/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/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
  },
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -330,6 +330,27 @@ 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
+ },
333
354
  {
334
355
  type: "Control",
335
356
  scope: "#/properties/backIcon",
package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts CHANGED
@@ -360,6 +360,29 @@ export const EventUiSchema: any = (theme) => {
360
360
  layout: 2,
361
361
  },
362
362
  },
363
+
364
+ {
365
+ type: "Control",
366
+ scope: "#/properties/pageName",
367
+
368
+ options: {
369
+ widget: "Box",
370
+ },
371
+ config: {
372
+ layout: { xs: 7, sm: 7, md: 9 },
373
+ main: {
374
+ heading: " ",
375
+ },
376
+ style: {
377
+ float: "right",
378
+ width: "auto",
379
+ fontSize: "12px",
380
+ color: "gray",
381
+ paddingTop: "10px"
382
+ },
383
+ },
384
+ },
385
+
363
386
  {
364
387
  type: "Control",
365
388
  scope: "#/properties/backIcon",