impaktapps-ui-builder 0.0.412-mtreemap.4 → 0.0.412-mtreemap.5

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 (9) hide show
  1. package/dist/impaktapps-ui-builder.es.js +277 -280
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +2 -2
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/valueTab.d.ts +17 -2
  6. package/package.json +1 -1
  7. package/src/impaktapps-ui-builder/builder/build/uischema/valueTab.ts +12 -12
  8. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +311 -286
  9. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts +1 -1
package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts CHANGED
@@ -1,251 +1,224 @@
1
- export const componentBasicUiSchema: any = {
2
- type: "HorizontalLayout",
3
- elements: [
4
- {
5
- type: "WrapperLayout",
6
- config: {
7
- main: {
8
- rowSpacing: 1,
9
- header:true
10
- },
11
- defaultStyle:true
12
- },
13
- elements: [
14
-
15
- {
16
- type: "Control",
17
- scope: "#/properties/Component",
1
+ export const componentBasicUiSchema: any = (theme) => {
2
+ const uiSchema = {
3
+ type: "HorizontalLayout",
4
+ heading: "Component",
5
+ elements: [
6
+ // {
7
+ // type: "WrapperLayout",
8
+ // config: {
9
+ // main: {
10
+ // rowSpacing: 1,
11
+ // header:true
12
+ // },
13
+ // defaultStyle:true
14
+ // },
15
+ // elements: [
18
16
 
19
- options: {
20
- widget: "Box",
21
- },
22
- config: {
23
- layout: {xs:12,sm:12,md:2},
24
- main: {
25
- heading: "Component",
26
- },
27
- style:{
28
- "float":"left",
29
- }
30
- },
31
- },
32
-
33
- {
34
- type: "Control",
35
- scope: "#/properties/pageName",
36
-
37
- options: {
38
- widget: "Box",
39
- },
40
- config: {
41
- layout: {xs:7,sm:7,md:9},
42
- main: {
43
- heading: " ",
44
- },
45
- style: {
46
- float: "right",
47
- width:"auto",
48
- fontSize:"12px",
49
- color:"gray",
50
- paddingTop:"10px"
51
- },
52
- },
53
- },
54
-
55
- {
56
- type: "Control",
57
- scope: "#/properties/Back_Button",
58
-
59
- options: {
60
- widget: "IconButton",
61
- },
62
- config: {
63
- layout: {xs:2,sm:2,md:0.5},
64
- main: {
65
- icon: "BackIcon",
66
- styleDefault: true,
67
- size: "small",
68
- onClick: "backHandler",
69
- tooltipMessage: "Back",
70
- },
71
- style: {
72
- float: "right",
73
- },
17
+ // {
18
+ // type: "Control",
19
+ // scope: "#/properties/Component",
20
+
21
+ // options: {
22
+ // widget: "Box",
23
+ // },
24
+ // config: {
25
+ // layout: {xs:12,sm:12,md:2},
26
+ // main: {
27
+ // heading: "Component",
28
+ // },
29
+ // style:{
30
+ // "float":"left",
31
+ // }
32
+ // },
33
+ // },
34
+
35
+ // {
36
+ // type: "Control",
37
+ // scope: "#/properties/pageName",
38
+
39
+ // options: {
40
+ // widget: "Box",
41
+ // },
42
+ // config: {
43
+ // layout: {xs:7,sm:7,md:9},
44
+ // main: {
45
+ // heading: " ",
46
+ // },
47
+ // style: {
48
+ // float: "right",
49
+ // width:"auto",
50
+ // fontSize:"12px",
51
+ // color:"gray",
52
+ // paddingTop:"10px"
53
+ // },
54
+ // },
55
+ // },
56
+
57
+ // {
58
+ // type: "Control",
59
+ // scope: "#/properties/Back_Button",
60
+
61
+ // options: {
62
+ // widget: "IconButton",
63
+ // },
64
+ // config: {
65
+ // layout: {xs:2,sm:2,md:0.5},
66
+ // main: {
67
+ // icon: "BackIcon",
68
+ // styleDefault: true,
69
+ // size: "small",
70
+ // onClick: "backHandler",
71
+ // tooltipMessage: "Back",
72
+ // },
73
+ // style: {
74
+ // float: "right",
75
+ // },
76
+ // },
77
+ // },
78
+
79
+ // ],
80
+ // },
81
+ {
82
+ type: "TabLayout",
83
+ config: {
84
+ main: {
85
+ tabLabels: ["Core"],
86
+ defaultStyle: true,
87
+ id: `component`
74
88
  },
75
89
  },
76
-
77
- ],
78
- },
79
- {
80
- type: "TabLayout",
81
- config: {
82
- main: {
83
- tabLabels: ["Core"],
84
- defaultStyle: true,
85
- id:`component`
86
- },
87
- },
88
90
 
89
- elements: [
90
- {
91
- type: "HorizontalLayout",
92
- elements: [
93
- {
94
- type: "Control",
95
- scope: "#/properties/type",
91
+ elements: [
92
+ {
93
+ type: "HorizontalLayout",
94
+ elements: [
95
+ {
96
+ type: "Control",
97
+ scope: "#/properties/type",
96
98
 
97
- options: {
98
- widget: "SelectInputField",
99
- },
100
- config: {
101
- layout: { xs: 12, sm: 12, md: 6, lg: 6 },
102
- main: {
103
- label: "Type",
99
+ options: {
100
+ widget: "SelectInputField",
104
101
  },
105
- },
106
- },
107
- {
108
- type: "Control",
109
- scope: "#/properties/name",
110
-
111
- options: {
112
- widget: "InputField",
113
- },
114
- config: {
115
- layout: {
116
- xs: 12,
117
- sm: 12,
118
- md: 6,
119
- lg: 6,
120
- },
121
- main: {
122
- label: "Name",
123
- options: [],
124
- color: "secondary",
125
- required: true,
102
+ config: {
103
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
104
+ main: {
105
+ label: "Type",
106
+ },
126
107
  },
127
108
  },
128
- },
129
- {
130
- type: "Control",
131
- scope: "#/properties/label",
109
+ {
110
+ type: "Control",
111
+ scope: "#/properties/name",
132
112
 
133
- options: {
134
- widget: "InputField",
135
- },
136
- config: {
137
- layout: {
138
- xs: 12,
139
- sm: 12,
140
- md: 6,
141
- lg: 6,
113
+ options: {
114
+ widget: "InputField",
142
115
  },
143
- main: {
144
- label: "Label",
145
- options: [],
146
- color: "secondary",
147
- required: true,
116
+ config: {
117
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
118
+ main: {
119
+ label: "Name",
120
+ options: [],
121
+ color: "secondary",
122
+ required: true,
123
+ },
148
124
  },
149
125
  },
150
- },
151
- {
152
- type: "Control",
153
- scope: "#/properties/columnFormat",
154
- options: {
155
- widget: "SelectInputField",
156
- },
157
- config: {
158
- layout: {
159
- xs: 12,
160
- sm: 12,
161
- md: 6,
162
- lg: 6,
126
+ {
127
+ type: "Control",
128
+ scope: "#/properties/label",
129
+
130
+ options: {
131
+ widget: "InputField",
163
132
  },
164
- main: {
165
- label: "Column Format",
166
-
133
+ config: {
134
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
135
+ main: {
136
+ label: "Label",
137
+ options: [],
138
+ color: "secondary",
139
+ required: true,
140
+ },
167
141
  },
168
142
  },
169
- },
170
- {
171
- type: "Control",
172
- scope: "#/properties/proc",
173
- config: {
174
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
175
- },
176
- options: {
177
- widget: "EmptyBox",
178
- },
179
- },
180
- {
181
- type: "Control",
182
- scope: "#/properties/layout",
183
- layout: 11.5,
184
- options: {
185
- detail: {
186
- type: "HorizontalLayout",
187
- elements: [
188
- {
189
- type: "Control",
190
- scope: "#/properties/key",
191
- options: {
192
- widget: "SelectInputField",
193
- },
194
- config: {
195
- layout: {
196
- xs: 11,
197
- sm: 11,
198
- md: 5.5,
199
- lg: 5.5,
143
+ {
144
+ type: "Control",
145
+ scope: "#/properties/layout",
146
+ layout: 12,
147
+ options: {
148
+ detail: {
149
+ type: "HorizontalLayout",
150
+ elements: [
151
+ {
152
+ type: "Control",
153
+ scope: "#/properties/key",
154
+ options: {
155
+ widget: "SelectInputField",
200
156
  },
201
- main: {
202
- label: "Screen Size",
203
-
157
+ config: {
158
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
159
+ main: {
160
+ label: "Screen Size",
161
+
162
+ },
204
163
  },
205
164
  },
206
- },
207
- {
208
- type: "Control",
209
- scope: "#/properties/value",
165
+ {
166
+ type: "Control",
167
+ scope: "#/properties/value",
210
168
 
211
- options: {
212
- widget: "InputField",
213
- },
214
- config: {
215
- layout: {
216
- xs: 11,
217
- sm: 11,
218
- md: 5.5,
219
- lg: 5.5,
169
+ options: {
170
+ widget: "InputField",
220
171
  },
221
- main: {
222
- label: "Value",
223
- type:"number",
224
- // freeSolo:true,
225
- helperText:'Number should be in range of 0 to 12',
226
- errorMessage:"Number Can't be greater than 12 and can't be less than 0.",
227
-
172
+ config: {
173
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
174
+ main: {
175
+ label: "Value",
176
+ type: "number",
177
+ // freeSolo:true,
178
+ helperText: 'Number should be in range of 0 to 12',
179
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0.",
180
+
181
+ },
228
182
  },
229
183
  },
230
- },
231
- ],
184
+ {
185
+ type: "Control",
186
+ scope: "#/properties/emptyBox",
187
+ options: {
188
+ widget: "EmptyBox"
189
+ },
190
+ config: {
191
+ layout: { xs: 0, sm: 4 }
192
+ }
193
+ }
194
+ ],
195
+ },
232
196
  },
233
197
  },
234
- },
235
- ],
236
- },
237
- ],
238
- },
239
-
198
+ ],
199
+ },
200
+ ],
201
+ },
202
+
240
203
  {
241
204
  type: "Control",
242
- scope: "#/properties/proc",
205
+ scope: "#/properties/EmptyBox",
206
+ options: {
207
+ widget: "EmptyBox",
208
+ },
243
209
  config: {
244
- layout: { xs: 11, sm: 11, md: 6, lg: 6 },
210
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
245
211
  },
212
+ },
213
+ {
214
+ type: "Control",
215
+ scope: "#/properties/EmptyBox",
246
216
  options: {
247
217
  widget: "EmptyBox",
248
218
  },
219
+ config: {
220
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
221
+ },
249
222
  },
250
223
  {
251
224
  type: "Control",
@@ -255,23 +228,17 @@ export const componentBasicUiSchema: any = {
255
228
  },
256
229
 
257
230
  config: {
258
- layout: {
259
- xs: 11,
260
- sm: 11,
261
- md: 2.5,
262
- lg: 2.5,
263
- },
231
+ layout: 1.8,
264
232
  main: {
265
233
  name: "Ok",
266
234
  startIcon: "ApproveIcon",
267
235
  variant: "contained",
268
- color: "info",
236
+ // color: "info",
269
237
  type: "text",
270
238
  onClick: "okHandler",
271
- size: "small",
239
+ size: "medium",
272
240
  },
273
241
  style: {
274
- marginBottom: "8px",
275
242
  float: "right",
276
243
  },
277
244
  },
@@ -284,76 +251,134 @@ export const componentBasicUiSchema: any = {
284
251
  },
285
252
 
286
253
  config: {
287
- layout: {
288
- xs: 11,
289
- sm: 11,
290
- md: 2.5,
291
- lg: 2.5,
292
- },
254
+ layout: 1.8,
293
255
  main: {
294
256
  name: "Save & Exit",
295
257
  startIcon: "ApproveIcon",
296
258
  variant: "contained",
297
- color: "info",
259
+ // color: "info",
298
260
  type: "text",
299
261
  onClick: "saveHandler",
300
- size: "small",
262
+ size: "medium",
301
263
  },
302
264
  style: {
303
- marginBottom: "8px",
304
265
  float: "right",
305
266
  },
306
267
  },
307
268
  },
308
- {
309
- type: "Control",
310
- scope: "#/properties/notify",
311
- options: {
312
- widget: "Notify",
269
+ {
270
+ type: "Control",
271
+ scope: "#/properties/notify",
272
+ options: {
273
+ widget: "Notify",
274
+ },
275
+ layout: 6,
313
276
  },
314
- layout: 6,
315
- }
316
- ],
317
- };
318
-
319
-
320
-
321
-
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
-
330
-
331
-
332
-
333
-
334
-
335
- // {
336
- // type: "Control",
337
- // scope: "#/properties/homeBtn",
338
-
339
- // options: {
340
- // widget: "Button",
341
- // },
342
- // config: {
343
- // layout: {xs:2,sm:2,md:1},
344
- // main: {
345
- // name: "🏠",
346
- // },
347
- // style: {
348
- // marginRight:'auto',
349
- // marginLeft:"auto",
350
- // width:"20px",
351
-
352
- // // background:"inherit",
353
- // // boxShadow:"none",
354
- // float:"left",
355
- // borderRadius:"50%"
356
-
357
- // },
358
- // },
359
- // },
277
+ {
278
+ type: "HorizontalLayout",
279
+ config: {
280
+ main: {
281
+ direction: 'row'
282
+ },
283
+ style: {
284
+ flexDirection: "row",
285
+ position: "absolute",
286
+ bottom: 0,
287
+ marginBottom: '-8px',
288
+ height: 'fit-content',
289
+ overflow: 'hidden',
290
+ zIndex: 1000,
291
+ width: 'inherit'
292
+ }
293
+ },
294
+ elements: [
295
+ {
296
+
297
+ type: "Control",
298
+ scope: "#/properties/FooterText",
299
+ options: {
300
+ widget: "Box",
301
+ },
302
+ config: {
303
+ main: {
304
+ heading: "Copywriter@ACT21.IO"
305
+ },
306
+ style: {
307
+ color: theme?.palette?.text.disabled || "#AFAFAF",
308
+ fontSize: '12px',
309
+ textAlign: 'center',
310
+ lineHeight: 1,
311
+ width: 'fit-content',
312
+ left: '50%',
313
+ position: 'relative',
314
+ margin: 0,
315
+ flexGrow: 1,
316
+ height: 0
317
+ }
318
+ },
319
+ },
320
+ {
321
+ type: "Control",
322
+ scope: "#/properties/backIcon",
323
+ options: {
324
+ widget: "Box",
325
+ },
326
+ config: {
327
+ main: {
328
+ iconName: 'PrevIcon',
329
+ onClick: "backHandler",
330
+ width: 'fit-content',
331
+ },
332
+ style: {
333
+ fill: theme.palette.primary.main,
334
+ width: 20,
335
+ height: 0,
336
+ margin: 0,
337
+ top: 0,
338
+ right: '90px',
339
+ position: 'absolute',
340
+ fontSize: '12px',
341
+ cursor: 'pointer',
342
+ ':hover': {
343
+ fill: theme.palette.primary.dark,
344
+ }
345
+ }
346
+ }
347
+ },
348
+ {
349
+ type: "Control",
350
+ scope: "#/properties/text",
351
+
352
+ options: {
353
+ widget: "Box",
354
+ },
355
+ config: {
356
+ main: {
357
+ heading: "Previous Page",
358
+ onClick: "backHandler"
359
+ },
360
+ style: {
361
+ textAlign: 'left',
362
+ lineHeight: 1,
363
+ height: 0,
364
+ width: 'fit-content',
365
+ color: theme.palette.primary.main,
366
+ fontSize: "12px",
367
+ cursor: 'pointer',
368
+ marginLeft: '2px',
369
+ marginRight: 0,
370
+ top: 3,
371
+ right: '20px',
372
+ position: 'absolute',
373
+ ':hover': {
374
+ color: theme.palette.primary.dark,
375
+ }
376
+ }
377
+ },
378
+ },
379
+ ]
380
+ }
381
+ ],
382
+ };
383
+ return uiSchema
384
+ }
package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/schema.ts CHANGED
@@ -42,5 +42,5 @@ export const PageMasterSchema = {
42
42
  },
43
43
  }
44
44
  },
45
- required:["template","name"]
45
+ required:["template","name", "label"]
46
46
  }