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

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 (7) hide show
  1. package/dist/impaktapps-ui-builder.es.js +280 -310
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +1 -1
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +11 -44
  7. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +286 -311
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -6176,300 +6176,303 @@ const ComponentSchema = {
6176
6176
  },
6177
6177
  required: ["name"]
6178
6178
  };
6179
- const componentBasicUiSchema = (theme) => {
6180
- var _a;
6181
- const uiSchema = {
6182
- type: "HorizontalLayout",
6183
- heading: "Component",
6184
- elements: [
6185
- {
6186
- type: "TabLayout",
6187
- config: {
6188
- main: {
6189
- tabLabels: ["Core"],
6190
- defaultStyle: true,
6191
- id: `component`
6179
+ const componentBasicUiSchema = {
6180
+ type: "HorizontalLayout",
6181
+ elements: [
6182
+ {
6183
+ type: "WrapperLayout",
6184
+ config: {
6185
+ main: {
6186
+ rowSpacing: 1,
6187
+ header: true
6188
+ },
6189
+ defaultStyle: true
6190
+ },
6191
+ elements: [
6192
+ {
6193
+ type: "Control",
6194
+ scope: "#/properties/Component",
6195
+ options: {
6196
+ widget: "Box"
6197
+ },
6198
+ config: {
6199
+ layout: { xs: 12, sm: 12, md: 2 },
6200
+ main: {
6201
+ heading: "Component"
6202
+ },
6203
+ style: {
6204
+ "float": "left"
6205
+ }
6192
6206
  }
6193
6207
  },
6194
- elements: [
6195
- {
6196
- type: "HorizontalLayout",
6197
- elements: [
6198
- {
6199
- type: "Control",
6200
- scope: "#/properties/type",
6201
- options: {
6202
- widget: "SelectInputField"
6208
+ {
6209
+ type: "Control",
6210
+ scope: "#/properties/pageName",
6211
+ options: {
6212
+ widget: "Box"
6213
+ },
6214
+ config: {
6215
+ layout: { xs: 7, sm: 7, md: 9 },
6216
+ main: {
6217
+ heading: " "
6218
+ },
6219
+ style: {
6220
+ float: "right",
6221
+ width: "auto",
6222
+ fontSize: "12px",
6223
+ color: "gray",
6224
+ paddingTop: "10px"
6225
+ }
6226
+ }
6227
+ },
6228
+ {
6229
+ type: "Control",
6230
+ scope: "#/properties/Back_Button",
6231
+ options: {
6232
+ widget: "IconButton"
6233
+ },
6234
+ config: {
6235
+ layout: { xs: 2, sm: 2, md: 0.5 },
6236
+ main: {
6237
+ icon: "BackIcon",
6238
+ styleDefault: true,
6239
+ size: "small",
6240
+ onClick: "backHandler",
6241
+ tooltipMessage: "Back"
6242
+ },
6243
+ style: {
6244
+ float: "right"
6245
+ }
6246
+ }
6247
+ }
6248
+ ]
6249
+ },
6250
+ {
6251
+ type: "TabLayout",
6252
+ config: {
6253
+ main: {
6254
+ tabLabels: ["Core"],
6255
+ defaultStyle: true,
6256
+ id: `component`
6257
+ }
6258
+ },
6259
+ elements: [
6260
+ {
6261
+ type: "HorizontalLayout",
6262
+ elements: [
6263
+ {
6264
+ type: "Control",
6265
+ scope: "#/properties/type",
6266
+ options: {
6267
+ widget: "SelectInputField"
6268
+ },
6269
+ config: {
6270
+ layout: { xs: 12, sm: 12, md: 6, lg: 6 },
6271
+ main: {
6272
+ label: "Type"
6273
+ }
6274
+ }
6275
+ },
6276
+ {
6277
+ type: "Control",
6278
+ scope: "#/properties/name",
6279
+ options: {
6280
+ widget: "InputField"
6281
+ },
6282
+ config: {
6283
+ layout: {
6284
+ xs: 12,
6285
+ sm: 12,
6286
+ md: 6,
6287
+ lg: 6
6203
6288
  },
6204
- config: {
6205
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6206
- main: {
6207
- label: "Type"
6208
- }
6289
+ main: {
6290
+ label: "Name",
6291
+ options: [],
6292
+ color: "secondary",
6293
+ required: true
6209
6294
  }
6295
+ }
6296
+ },
6297
+ {
6298
+ type: "Control",
6299
+ scope: "#/properties/label",
6300
+ options: {
6301
+ widget: "InputField"
6210
6302
  },
6211
- {
6212
- type: "Control",
6213
- scope: "#/properties/name",
6214
- options: {
6215
- widget: "InputField"
6303
+ config: {
6304
+ layout: {
6305
+ xs: 12,
6306
+ sm: 12,
6307
+ md: 6,
6308
+ lg: 6
6216
6309
  },
6217
- config: {
6218
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6219
- main: {
6220
- label: "Name",
6221
- options: [],
6222
- color: "secondary",
6223
- required: true
6224
- }
6310
+ main: {
6311
+ label: "Label",
6312
+ options: [],
6313
+ color: "secondary",
6314
+ required: true
6225
6315
  }
6316
+ }
6317
+ },
6318
+ {
6319
+ type: "Control",
6320
+ scope: "#/properties/columnFormat",
6321
+ options: {
6322
+ widget: "SelectInputField"
6226
6323
  },
6227
- {
6228
- type: "Control",
6229
- scope: "#/properties/label",
6230
- options: {
6231
- widget: "InputField"
6324
+ config: {
6325
+ layout: {
6326
+ xs: 12,
6327
+ sm: 12,
6328
+ md: 6,
6329
+ lg: 6
6232
6330
  },
6233
- config: {
6234
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6235
- main: {
6236
- label: "Label",
6237
- options: [],
6238
- color: "secondary",
6239
- required: true
6240
- }
6331
+ main: {
6332
+ label: "Column Format"
6241
6333
  }
6334
+ }
6335
+ },
6336
+ {
6337
+ type: "Control",
6338
+ scope: "#/properties/proc",
6339
+ config: {
6340
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6242
6341
  },
6243
- {
6244
- type: "Control",
6245
- scope: "#/properties/layout",
6246
- layout: 12,
6247
- options: {
6248
- detail: {
6249
- type: "HorizontalLayout",
6250
- elements: [
6251
- {
6252
- type: "Control",
6253
- scope: "#/properties/key",
6254
- options: {
6255
- widget: "SelectInputField"
6256
- },
6257
- config: {
6258
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6259
- main: {
6260
- label: "Screen Size"
6261
- }
6262
- }
6342
+ options: {
6343
+ widget: "EmptyBox"
6344
+ }
6345
+ },
6346
+ {
6347
+ type: "Control",
6348
+ scope: "#/properties/layout",
6349
+ layout: 11.5,
6350
+ options: {
6351
+ detail: {
6352
+ type: "HorizontalLayout",
6353
+ elements: [
6354
+ {
6355
+ type: "Control",
6356
+ scope: "#/properties/key",
6357
+ options: {
6358
+ widget: "SelectInputField"
6263
6359
  },
6264
- {
6265
- type: "Control",
6266
- scope: "#/properties/value",
6267
- options: {
6268
- widget: "InputField"
6360
+ config: {
6361
+ layout: {
6362
+ xs: 11,
6363
+ sm: 11,
6364
+ md: 5.5,
6365
+ lg: 5.5
6269
6366
  },
6270
- config: {
6271
- layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6272
- main: {
6273
- label: "Value",
6274
- type: "number",
6275
- helperText: "Number should be in range of 0 to 12",
6276
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6277
- }
6367
+ main: {
6368
+ label: "Screen Size"
6278
6369
  }
6370
+ }
6371
+ },
6372
+ {
6373
+ type: "Control",
6374
+ scope: "#/properties/value",
6375
+ options: {
6376
+ widget: "InputField"
6279
6377
  },
6280
- {
6281
- type: "Control",
6282
- scope: "#/properties/emptyBox",
6283
- options: {
6284
- widget: "EmptyBox"
6378
+ config: {
6379
+ layout: {
6380
+ xs: 11,
6381
+ sm: 11,
6382
+ md: 5.5,
6383
+ lg: 5.5
6285
6384
  },
6286
- config: {
6287
- layout: { xs: 0, sm: 4 }
6385
+ main: {
6386
+ label: "Value",
6387
+ type: "number",
6388
+ helperText: "Number should be in range of 0 to 12",
6389
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6288
6390
  }
6289
6391
  }
6290
- ]
6291
- }
6392
+ }
6393
+ ]
6292
6394
  }
6293
6395
  }
6294
- ]
6295
- }
6296
- ]
6297
- },
6298
- {
6299
- type: "Control",
6300
- scope: "#/properties/EmptyBox",
6301
- options: {
6302
- widget: "EmptyBox"
6303
- },
6304
- config: {
6305
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6396
+ }
6397
+ ]
6306
6398
  }
6399
+ ]
6400
+ },
6401
+ {
6402
+ type: "Control",
6403
+ scope: "#/properties/proc",
6404
+ config: {
6405
+ layout: { xs: 11, sm: 11, md: 6, lg: 6 }
6307
6406
  },
6308
- {
6309
- type: "Control",
6310
- scope: "#/properties/EmptyBox",
6311
- options: {
6312
- widget: "EmptyBox"
6313
- },
6314
- config: {
6315
- layout: { xs: 0, sm: 4, md: 4, lg: 4 }
6316
- }
6407
+ options: {
6408
+ widget: "EmptyBox"
6409
+ }
6410
+ },
6411
+ {
6412
+ type: "Control",
6413
+ scope: "#/properties/btn",
6414
+ options: {
6415
+ widget: "Button"
6317
6416
  },
6318
- {
6319
- type: "Control",
6320
- scope: "#/properties/btn",
6321
- options: {
6322
- widget: "Button"
6417
+ config: {
6418
+ layout: {
6419
+ xs: 11,
6420
+ sm: 11,
6421
+ md: 2.5,
6422
+ lg: 2.5
6323
6423
  },
6324
- config: {
6325
- layout: 1.8,
6326
- main: {
6327
- name: "Ok",
6328
- startIcon: "ApproveIcon",
6329
- variant: "contained",
6330
- type: "text",
6331
- onClick: "okHandler",
6332
- size: "medium"
6333
- },
6334
- style: {
6335
- float: "right"
6336
- }
6337
- }
6338
- },
6339
- {
6340
- type: "Control",
6341
- scope: "#/properties/btnSubmit",
6342
- options: {
6343
- widget: "Button"
6424
+ main: {
6425
+ name: "Ok",
6426
+ startIcon: "ApproveIcon",
6427
+ variant: "contained",
6428
+ color: "info",
6429
+ type: "text",
6430
+ onClick: "okHandler",
6431
+ size: "small"
6344
6432
  },
6345
- config: {
6346
- layout: 1.8,
6347
- main: {
6348
- name: "Save & Exit",
6349
- startIcon: "ApproveIcon",
6350
- variant: "contained",
6351
- type: "text",
6352
- onClick: "saveHandler",
6353
- size: "medium"
6354
- },
6355
- style: {
6356
- float: "right"
6357
- }
6433
+ style: {
6434
+ marginBottom: "8px",
6435
+ float: "right"
6358
6436
  }
6437
+ }
6438
+ },
6439
+ {
6440
+ type: "Control",
6441
+ scope: "#/properties/btnSubmit",
6442
+ options: {
6443
+ widget: "Button"
6359
6444
  },
6360
- {
6361
- type: "Control",
6362
- scope: "#/properties/notify",
6363
- options: {
6364
- widget: "Notify"
6445
+ config: {
6446
+ layout: {
6447
+ xs: 11,
6448
+ sm: 11,
6449
+ md: 2.5,
6450
+ lg: 2.5
6365
6451
  },
6366
- layout: 6
6367
- },
6368
- {
6369
- type: "HorizontalLayout",
6370
- config: {
6371
- main: {
6372
- direction: "row"
6373
- },
6374
- style: {
6375
- flexDirection: "row",
6376
- position: "absolute",
6377
- bottom: 0,
6378
- marginBottom: "-8px",
6379
- height: "fit-content",
6380
- overflow: "hidden",
6381
- zIndex: 1e3,
6382
- width: "inherit"
6383
- }
6452
+ main: {
6453
+ name: "Save & Exit",
6454
+ startIcon: "ApproveIcon",
6455
+ variant: "contained",
6456
+ color: "info",
6457
+ type: "text",
6458
+ onClick: "saveHandler",
6459
+ size: "small"
6384
6460
  },
6385
- elements: [
6386
- {
6387
- type: "Control",
6388
- scope: "#/properties/FooterText",
6389
- options: {
6390
- widget: "Box"
6391
- },
6392
- config: {
6393
- main: {
6394
- heading: "Copywriter@ACT21.IO"
6395
- },
6396
- style: {
6397
- color: ((_a = theme == null ? void 0 : theme.palette) == null ? void 0 : _a.text.disabled) || "#AFAFAF",
6398
- fontSize: "12px",
6399
- textAlign: "center",
6400
- lineHeight: 1,
6401
- width: "fit-content",
6402
- left: "50%",
6403
- position: "relative",
6404
- margin: 0,
6405
- flexGrow: 1,
6406
- height: 0
6407
- }
6408
- }
6409
- },
6410
- {
6411
- type: "Control",
6412
- scope: "#/properties/backIcon",
6413
- options: {
6414
- widget: "Box"
6415
- },
6416
- config: {
6417
- main: {
6418
- iconName: "PrevIcon",
6419
- onClick: "backHandler",
6420
- width: "fit-content"
6421
- },
6422
- style: {
6423
- fill: theme.palette.primary.main,
6424
- width: 20,
6425
- height: 0,
6426
- margin: 0,
6427
- top: 0,
6428
- right: "90px",
6429
- position: "absolute",
6430
- fontSize: "12px",
6431
- cursor: "pointer",
6432
- ":hover": {
6433
- fill: theme.palette.primary.dark
6434
- }
6435
- }
6436
- }
6437
- },
6438
- {
6439
- type: "Control",
6440
- scope: "#/properties/text",
6441
- options: {
6442
- widget: "Box"
6443
- },
6444
- config: {
6445
- main: {
6446
- heading: "Previous Page",
6447
- onClick: "backHandler"
6448
- },
6449
- style: {
6450
- textAlign: "left",
6451
- lineHeight: 1,
6452
- height: 0,
6453
- width: "fit-content",
6454
- color: theme.palette.primary.main,
6455
- fontSize: "12px",
6456
- cursor: "pointer",
6457
- marginLeft: "2px",
6458
- marginRight: 0,
6459
- top: 3,
6460
- right: "20px",
6461
- position: "absolute",
6462
- ":hover": {
6463
- color: theme.palette.primary.dark
6464
- }
6465
- }
6466
- }
6467
- }
6468
- ]
6461
+ style: {
6462
+ marginBottom: "8px",
6463
+ float: "right"
6464
+ }
6469
6465
  }
6470
- ]
6471
- };
6472
- return uiSchema;
6466
+ },
6467
+ {
6468
+ type: "Control",
6469
+ scope: "#/properties/notify",
6470
+ options: {
6471
+ widget: "Notify"
6472
+ },
6473
+ layout: 6
6474
+ }
6475
+ ]
6473
6476
  };
6474
6477
  const CoreSection = {
6475
6478
  type: "HorizontalLayout",
@@ -6699,12 +6702,7 @@ const EmptyBox = {
6699
6702
  widget: "EmptyBox"
6700
6703
  },
6701
6704
  config: {
6702
- layout: {
6703
- xs: 11,
6704
- sm: 11,
6705
- md: 5.5,
6706
- lg: 5.5
6707
- },
6705
+ layout: { xs: 0, sm: 4, md: 4, lg: 4 },
6708
6706
  main: {}
6709
6707
  }
6710
6708
  };
@@ -6723,12 +6721,7 @@ const cardLayout = {
6723
6721
  widget: "SelectInputField"
6724
6722
  },
6725
6723
  config: {
6726
- layout: {
6727
- xs: 11,
6728
- sm: 11,
6729
- md: 5.5,
6730
- lg: 5.5
6731
- },
6724
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6732
6725
  main: {
6733
6726
  label: "Screen Size"
6734
6727
  }
@@ -6741,12 +6734,7 @@ const cardLayout = {
6741
6734
  widget: "InputField"
6742
6735
  },
6743
6736
  config: {
6744
- layout: {
6745
- xs: 11,
6746
- sm: 11,
6747
- md: 5.5,
6748
- lg: 5.5
6749
- },
6737
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6750
6738
  main: {
6751
6739
  label: "Value",
6752
6740
  type: "number",
@@ -6754,7 +6742,8 @@ const cardLayout = {
6754
6742
  errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6755
6743
  }
6756
6744
  }
6757
- }
6745
+ },
6746
+ EmptyBox
6758
6747
  ]
6759
6748
  }
6760
6749
  }
@@ -6776,12 +6765,7 @@ const getArrayControl = (parentScope, childScope, childLabel) => {
6776
6765
  widget: "InputField"
6777
6766
  },
6778
6767
  config: {
6779
- layout: {
6780
- xs: 11,
6781
- sm: 11,
6782
- md: 5.5,
6783
- lg: 5.5
6784
- },
6768
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6785
6769
  main: {
6786
6770
  label: childLabel || "Labels for Tab"
6787
6771
  }
@@ -6801,12 +6785,7 @@ sizeHolder.options.detail.elements[1] = {
6801
6785
  widget: "InputField"
6802
6786
  },
6803
6787
  config: {
6804
- layout: {
6805
- xs: 11,
6806
- sm: 11,
6807
- md: 5.5,
6808
- lg: 5.5
6809
- },
6788
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6810
6789
  main: {
6811
6790
  label: "Size"
6812
6791
  }
@@ -6820,12 +6799,7 @@ const getInputField = (scope, label) => {
6820
6799
  widget: "InputField"
6821
6800
  },
6822
6801
  config: {
6823
- layout: {
6824
- xs: 11,
6825
- sm: 11,
6826
- md: 5.5,
6827
- lg: 5.5
6828
- },
6802
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6829
6803
  main: {
6830
6804
  label
6831
6805
  }
@@ -6840,12 +6814,7 @@ const getRadioInputField = (scope, label, options) => {
6840
6814
  widget: "RadioInputField"
6841
6815
  },
6842
6816
  config: {
6843
- layout: {
6844
- xs: 11,
6845
- sm: 11,
6846
- md: 5.5,
6847
- lg: 5.5
6848
- },
6817
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6849
6818
  main: {
6850
6819
  label,
6851
6820
  options
@@ -6888,7 +6857,7 @@ const getSelectField = (scope, label, options) => {
6888
6857
  widget: "SelectInputField"
6889
6858
  },
6890
6859
  config: {
6891
- layout: { xs: 11, sm: 11, md: 5.5, lg: 5.5 },
6860
+ layout: { xs: 11, sm: 4, md: 4, lg: 4 },
6892
6861
  main: {
6893
6862
  label,
6894
6863
  type: "text"
@@ -6926,6 +6895,8 @@ const buildPropertiesSection = function(type) {
6926
6895
  getInputField("elevation", "Card Elevation"),
6927
6896
  getInputField("height", "Grid height"),
6928
6897
  getInputField("justifyContent", "justifyContent"),
6898
+ EmptyBox,
6899
+ EmptyBox,
6929
6900
  cardLayout
6930
6901
  ];
6931
6902
  break;
@@ -6943,8 +6914,7 @@ const buildPropertiesSection = function(type) {
6943
6914
  uiSchema.elements = [
6944
6915
  getRadioInputField("fullScreen", "FullScreen", ["YES", "NO"]),
6945
6916
  getRadioInputField("fullWidth", "FullWidth", ["YES", "NO"]),
6946
- getInputField("maxWidth", "Max. Width"),
6947
- EmptyBox
6917
+ getInputField("maxWidth", "Max. Width")
6948
6918
  ];
6949
6919
  break;
6950
6920
  case "Text":