impaktapps-ui-builder 0.0.101-alpha.265 → 0.0.101-alpha.267

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 (12) hide show
  1. package/dist/impaktapps-ui-builder.es.js +168 -221
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +6 -6
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +71 -83
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +37 -50
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +95 -49
  9. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +118 -118
  10. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +114 -60
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +118 -63
  12. package/src/impaktapps-ui-builder/runtime/services/service.ts +2 -1
package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts CHANGED
@@ -11,6 +11,8 @@ export declare const CoreSection: {
11
11
  scope: string;
12
12
  options: {
13
13
  widget: string;
14
+ elementLabelProp?: undefined;
15
+ detail?: undefined;
14
16
  };
15
17
  config: {
16
18
  layout: {
@@ -23,11 +25,9 @@ export declare const CoreSection: {
23
25
  label: string;
24
26
  type: string;
25
27
  required?: undefined;
26
- childElementLabel?: undefined;
27
28
  };
28
- style?: undefined;
29
29
  };
30
- elements?: undefined;
30
+ layout?: undefined;
31
31
  } | {
32
32
  type: string;
33
33
  scope: string;
@@ -39,17 +39,20 @@ export declare const CoreSection: {
39
39
  lg: number;
40
40
  };
41
41
  main?: undefined;
42
- style?: undefined;
43
42
  };
44
43
  options: {
45
44
  widget: string;
45
+ elementLabelProp?: undefined;
46
+ detail?: undefined;
46
47
  };
47
- elements?: undefined;
48
+ layout?: undefined;
48
49
  } | {
49
50
  type: string;
50
51
  scope: string;
51
52
  options: {
52
53
  widget: string;
54
+ elementLabelProp?: undefined;
55
+ detail?: undefined;
53
56
  };
54
57
  config: {
55
58
  layout: {
@@ -62,91 +65,76 @@ export declare const CoreSection: {
62
65
  label: string;
63
66
  required: boolean;
64
67
  type?: undefined;
65
- childElementLabel?: undefined;
66
68
  };
67
- style?: undefined;
68
69
  };
69
- elements?: undefined;
70
+ layout?: undefined;
70
71
  } | {
71
72
  type: string;
72
73
  scope: string;
74
+ layout: number;
73
75
  options: {
74
- widget: string;
75
- };
76
- config: {
77
- layout: number;
78
- main: {
79
- label: string;
80
- childElementLabel: string;
81
- type?: undefined;
82
- required?: undefined;
83
- };
84
- style: {
85
- marginLeft: string;
86
- marginBottom: string;
87
- labelStyle: {
88
- marginLeft: string;
89
- };
90
- detailsStyle: {
91
- marginLeft: string;
92
- };
93
- };
94
- };
95
- elements: ({
96
- type: string;
97
- scope: string;
98
- options: {
99
- widget: string;
100
- };
101
- config: {
102
- layout: {
103
- xs: number;
104
- sm: number;
105
- md: number;
106
- lg: number;
107
- };
108
- main: {
109
- label: string;
110
- type?: undefined;
111
- helperText?: undefined;
112
- errorMessage?: undefined;
113
- };
114
- };
115
- } | {
116
- type: string;
117
- scope: string;
118
- options: {
119
- widget: string;
120
- };
121
- config: {
122
- layout: {
123
- xs: number;
124
- sm: number;
125
- md: number;
126
- lg: number;
127
- };
128
- main: {
129
- label: string;
76
+ elementLabelProp: string;
77
+ detail: {
78
+ type: string;
79
+ elements: ({
130
80
  type: string;
131
- helperText: string;
132
- errorMessage: string;
133
- };
134
- };
135
- } | {
136
- type: string;
137
- scope: string;
138
- config: {
139
- layout: {
140
- xs: number;
141
- sm: number;
142
- md: number;
143
- lg: number;
144
- };
145
- main?: undefined;
146
- };
147
- options: {
148
- widget: string;
81
+ scope: string;
82
+ options: {
83
+ widget: string;
84
+ };
85
+ config: {
86
+ layout: {
87
+ xs: number;
88
+ sm: number;
89
+ md: number;
90
+ lg: number;
91
+ };
92
+ main: {
93
+ label: string;
94
+ type?: undefined;
95
+ helperText?: undefined;
96
+ errorMessage?: undefined;
97
+ };
98
+ };
99
+ } | {
100
+ type: string;
101
+ scope: string;
102
+ options: {
103
+ widget: string;
104
+ };
105
+ config: {
106
+ layout: {
107
+ xs: number;
108
+ sm: number;
109
+ md: number;
110
+ lg: number;
111
+ };
112
+ main: {
113
+ label: string;
114
+ type: string;
115
+ helperText: string;
116
+ errorMessage: string;
117
+ };
118
+ };
119
+ } | {
120
+ type: string;
121
+ scope: string;
122
+ config: {
123
+ layout: {
124
+ xs: number;
125
+ sm: number;
126
+ md: number;
127
+ lg: number;
128
+ };
129
+ main?: undefined;
130
+ };
131
+ options: {
132
+ widget: string;
133
+ };
134
+ })[];
149
135
  };
150
- })[];
136
+ widget?: undefined;
137
+ };
138
+ config?: undefined;
151
139
  })[];
152
140
  };
package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts CHANGED
@@ -9,58 +9,45 @@ export declare const ValidationSection: {
9
9
  elements: {
10
10
  type: string;
11
11
  scope: string;
12
+ layout: number;
12
13
  options: {
13
- widget: string;
14
- };
15
- config: {
16
- layout: number;
17
- main: {
18
- label: string;
19
- childElementLabel: string;
20
- };
21
- style: {
22
- marginLeft: string;
23
- marginBottom: string;
24
- labelStyle: {
25
- marginLeft: string;
26
- };
27
- detailsStyle: {
28
- marginLeft: string;
29
- };
14
+ elementLabelProp: string;
15
+ detail: {
16
+ type: string;
17
+ elements: ({
18
+ type: string;
19
+ scope: string;
20
+ options: {
21
+ widget: string;
22
+ };
23
+ config: {
24
+ layout: {
25
+ xs: number;
26
+ sm: number;
27
+ md: number;
28
+ lg: number;
29
+ };
30
+ main: {
31
+ label: string;
32
+ };
33
+ };
34
+ } | {
35
+ type: string;
36
+ scope: string;
37
+ options: {
38
+ widget: string;
39
+ };
40
+ config: {
41
+ layout: {
42
+ xs: number;
43
+ sm: number;
44
+ md: number;
45
+ lg?: undefined;
46
+ };
47
+ main?: undefined;
48
+ };
49
+ })[];
30
50
  };
31
51
  };
32
- elements: ({
33
- type: string;
34
- scope: string;
35
- options: {
36
- widget: string;
37
- };
38
- config: {
39
- layout: {
40
- xs: number;
41
- sm: number;
42
- md: number;
43
- lg: number;
44
- };
45
- main: {
46
- label: string;
47
- };
48
- };
49
- } | {
50
- type: string;
51
- scope: string;
52
- options: {
53
- widget: string;
54
- };
55
- config: {
56
- layout: {
57
- xs: number;
58
- sm: number;
59
- md: number;
60
- lg: number;
61
- };
62
- main?: undefined;
63
- };
64
- })[];
65
52
  }[];
66
53
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "impaktapps-ui-builder",
3
- "version": "0.0.101-alpha.265",
3
+ "version": "0.0.101-alpha.267",
4
4
  "scripts": {
5
5
  "dev": "vite",
6
6
  "build": "tsc && vite build",
package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts CHANGED
@@ -26,65 +26,111 @@ export const emptyBox = (scope:string,layout?: any) => {
26
26
  },
27
27
  }
28
28
  }
29
+ // const cardLayout = {
30
+ // type: "Control",
31
+ // scope: "#/properties/cardLayout",
32
+ // options: {
33
+ // widget: "Array",
34
+ // },
35
+ // config: {
36
+ // layout: 12,
37
+ // main: {
38
+ // label: "Card Layout",
39
+ // childElementLabel: "Card Layout",
40
+ // },
41
+ // style: {
42
+ // marginLeft: "-24px",
43
+ // marginBottom: "24px !important",
44
+ // labelStyle: {
45
+ // marginLeft: "24px",
46
+ // },
47
+ // detailsStyle: {
48
+ // marginLeft: "24px",
49
+ // }
50
+ // }
51
+ // },
52
+ // elements: [
53
+ // {
54
+ // type: "Control",
55
+ // scope: "#/properties/key",
56
+ // options: {
57
+ // widget: "SelectInputField",
58
+ // },
59
+ // config: {
60
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
61
+ // main: {
62
+ // label: "Screen Size",
63
+
64
+ // },
65
+ // },
66
+ // },
67
+ // {
68
+ // type: "Control",
69
+ // scope: "#/properties/value",
70
+
71
+ // options: {
72
+ // widget: "InputField",
73
+ // },
74
+ // config: {
75
+ // layout: { xs: 6, sm: 6, md: 4, lg: 4 },
76
+ // main: {
77
+ // label: "Value",
78
+ // type: "number",
79
+ // // freeSolo:true,
80
+ // helperText: 'Number should be in range of 0 to 12',
81
+ // errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
82
+
83
+ // },
84
+ // },
85
+ // },
86
+ // emptyBox("cardEmpty")
87
+ // ],
88
+ // };
29
89
  const cardLayout = {
30
90
  type: "Control",
31
91
  scope: "#/properties/cardLayout",
92
+ layout: 12,
32
93
  options: {
33
- widget: "Array",
34
- },
35
- config: {
36
- layout: 12,
37
- main: {
38
- label: "Card Layout",
39
- childElementLabel: "Card Layout",
40
- },
41
- style: {
42
- marginLeft: "-24px",
43
- marginBottom: "24px !important",
44
- labelStyle: {
45
- marginLeft: "24px",
46
- },
47
- detailsStyle: {
48
- marginLeft: "24px",
49
- }
50
- }
51
- },
52
- elements: [
53
- {
54
- type: "Control",
55
- scope: "#/properties/key",
56
- options: {
57
- widget: "SelectInputField",
58
- },
59
- config: {
60
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
61
- main: {
62
- label: "Screen Size",
94
+ detail: {
95
+ type: "HorizontalLayout",
96
+ elements: [
97
+ {
98
+ type: "Control",
99
+ scope: "#/properties/key",
100
+ options: {
101
+ widget: "SelectInputField",
102
+ },
103
+ config: {
104
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
105
+ main: {
106
+ label: "Screen Size",
63
107
 
108
+ },
109
+ },
64
110
  },
65
- },
66
- },
67
- {
68
- type: "Control",
69
- scope: "#/properties/value",
111
+ {
112
+ type: "Control",
113
+ scope: "#/properties/value",
70
114
 
71
- options: {
72
- widget: "InputField",
73
- },
74
- config: {
75
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
76
- main: {
77
- label: "Value",
78
- type: "number",
79
- // freeSolo:true,
80
- helperText: 'Number should be in range of 0 to 12',
81
- errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
115
+ options: {
116
+ widget: "InputField",
117
+ },
118
+ config: {
119
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
120
+ main: {
121
+ label: "Value",
122
+ type: "number",
123
+ // freeSolo:true,
124
+ helperText: 'Number should be in range of 0 to 12',
125
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
82
126
 
127
+ },
128
+ },
83
129
  },
84
- },
130
+ emptyBox("cardEmpty")
131
+ ],
85
132
  },
86
- emptyBox("cardEmpty")
87
- ],
133
+ },
88
134
  };
89
135
  const getArrayControl = (parentScope: string, childScope: string, childLabel?: string,) => {
90
136
  return {