impaktapps-ui-builder 0.0.101-alpha.19 → 0.0.101-alpha.20

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 +158 -146
  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/apiSection.d.ts +62 -56
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +1 -8
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/refresh.d.ts +52 -38
  8. package/package.json +1 -1
  9. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +111 -96
  10. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +1 -12
  11. package/src/impaktapps-ui-builder/builder/build/uischema/refresh.ts +44 -44
  12. package/src/impaktapps-ui-builder/builder/services/event.ts +2 -2
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -7577,14 +7577,7 @@ const getTextArea = (scope, heading, hideButton, layout) => {
7577
7577
  config: {
7578
7578
  layout: layout || 12,
7579
7579
  style: {
7580
- containerStyle: {
7581
- borderRadius: "20px"
7582
- },
7583
- headerContainerStyle: {},
7584
- textAreaStyle: {
7585
- borderRadius: "20px",
7586
- padding: "20px"
7587
- }
7580
+ "& .MuiFormLabel-root:not(.MuiInputLabel-shrink)": {}
7588
7581
  },
7589
7582
  main: {
7590
7583
  heading,
@@ -9338,7 +9331,7 @@ const APISection = {
9338
9331
  widget: "SelectInputField"
9339
9332
  },
9340
9333
  config: {
9341
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9334
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
9342
9335
  main: {
9343
9336
  label: "Method",
9344
9337
  type: "text"
@@ -9352,7 +9345,7 @@ const APISection = {
9352
9345
  widget: "InputField"
9353
9346
  },
9354
9347
  config: {
9355
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9348
+ layout: { xs: 6, sm: 6, md: 4, lg: 3 },
9356
9349
  main: {
9357
9350
  label: "Path",
9358
9351
  type: "text",
@@ -9368,116 +9361,132 @@ const APISection = {
9368
9361
  widget: "EmptyBox"
9369
9362
  },
9370
9363
  config: {
9371
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9364
+ layout: { xs: 0, sm: 0, md: 4, lg: 6 }
9372
9365
  }
9373
9366
  },
9374
9367
  {
9375
9368
  type: "Control",
9376
- scope: "#/properties/emptyBox",
9369
+ scope: "#/properties/headers",
9377
9370
  options: {
9378
- widget: "EmptyBox"
9371
+ widget: "Array"
9379
9372
  },
9380
9373
  config: {
9381
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9382
- }
9383
- },
9384
- {
9385
- type: "Control",
9386
- scope: "#/properties/headers",
9387
- layout: 11.5,
9388
- options: {
9389
- "elementLabelProp": "key",
9390
- detail: {
9391
- type: "HorizontalLayout",
9392
- elements: [
9393
- {
9394
- type: "Control",
9395
- scope: "#/properties/key",
9396
- options: {
9397
- widget: "InputField"
9398
- },
9399
- config: {
9400
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9401
- main: {
9402
- label: "Key"
9403
- }
9404
- }
9405
- },
9406
- {
9407
- type: "Control",
9408
- scope: "#/properties/value",
9409
- options: {
9410
- widget: "InputField"
9411
- },
9412
- config: {
9413
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9414
- main: {
9415
- label: "Value"
9416
- }
9417
- }
9418
- },
9419
- {
9420
- type: "Control",
9421
- scope: "#/properties/emptyBox",
9422
- options: {
9423
- widget: "EmptyBox"
9424
- },
9425
- config: {
9426
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9427
- }
9374
+ layout: 12,
9375
+ main: {
9376
+ label: "Headers",
9377
+ childElementLabel: "Headers"
9378
+ },
9379
+ style: {
9380
+ marginLeft: "-24px",
9381
+ marginBottom: "24px !important",
9382
+ labelStyle: {
9383
+ marginLeft: "24px"
9384
+ },
9385
+ detailsStyle: {
9386
+ marginLeft: "24px"
9387
+ }
9388
+ }
9389
+ },
9390
+ elements: [
9391
+ {
9392
+ type: "Control",
9393
+ scope: "#/properties/key",
9394
+ options: {
9395
+ widget: "InputField"
9396
+ },
9397
+ config: {
9398
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9399
+ main: {
9400
+ label: "Key"
9428
9401
  }
9429
- ]
9402
+ }
9403
+ },
9404
+ {
9405
+ type: "Control",
9406
+ scope: "#/properties/value",
9407
+ options: {
9408
+ widget: "InputField"
9409
+ },
9410
+ config: {
9411
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9412
+ main: {
9413
+ label: "Value"
9414
+ }
9415
+ }
9416
+ },
9417
+ {
9418
+ type: "Control",
9419
+ scope: "#/properties/emptyBox",
9420
+ options: {
9421
+ widget: "EmptyBox"
9422
+ },
9423
+ config: {
9424
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9425
+ }
9430
9426
  }
9431
- }
9427
+ ]
9432
9428
  },
9433
9429
  {
9434
9430
  type: "Control",
9435
9431
  scope: "#/properties/body",
9436
- layout: 11.5,
9437
9432
  options: {
9438
- "elementLabelProp": "key",
9439
- detail: {
9440
- type: "HorizontalLayout",
9441
- elements: [
9442
- {
9443
- type: "Control",
9444
- scope: "#/properties/key",
9445
- options: {
9446
- widget: "InputField"
9447
- },
9448
- config: {
9449
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9450
- main: {
9451
- label: "Key"
9452
- }
9453
- }
9454
- },
9455
- {
9456
- type: "Control",
9457
- scope: "#/properties/value",
9458
- options: {
9459
- widget: "InputField"
9460
- },
9461
- config: {
9462
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9463
- main: {
9464
- label: "Value"
9465
- }
9466
- }
9467
- },
9468
- {
9469
- type: "Control",
9470
- scope: "#/properties/emptyBox",
9471
- options: {
9472
- widget: "EmptyBox"
9473
- },
9474
- config: {
9475
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9476
- }
9433
+ widget: "Array"
9434
+ },
9435
+ config: {
9436
+ layout: 12,
9437
+ main: {
9438
+ label: "Body",
9439
+ childElementLabel: "Body"
9440
+ },
9441
+ style: {
9442
+ marginLeft: "-24px",
9443
+ marginBottom: "24px !important",
9444
+ labelStyle: {
9445
+ marginLeft: "24px"
9446
+ },
9447
+ detailsStyle: {
9448
+ marginLeft: "24px"
9449
+ }
9450
+ }
9451
+ },
9452
+ elements: [
9453
+ {
9454
+ type: "Control",
9455
+ scope: "#/properties/key",
9456
+ options: {
9457
+ widget: "InputField"
9458
+ },
9459
+ config: {
9460
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9461
+ main: {
9462
+ label: "Key"
9477
9463
  }
9478
- ]
9464
+ }
9465
+ },
9466
+ {
9467
+ type: "Control",
9468
+ scope: "#/properties/value",
9469
+ options: {
9470
+ widget: "InputField"
9471
+ },
9472
+ config: {
9473
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9474
+ main: {
9475
+ label: "Value"
9476
+ }
9477
+ }
9478
+ },
9479
+ {
9480
+ type: "Control",
9481
+ scope: "#/properties/emptyBox",
9482
+ options: {
9483
+ widget: "EmptyBox"
9484
+ },
9485
+ config: {
9486
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
9487
+ }
9479
9488
  }
9480
- }
9489
+ ]
9481
9490
  },
9482
9491
  getTextArea("apiBody", "Transformer", true, 12)
9483
9492
  ]
@@ -9488,49 +9497,52 @@ const refreshSectionUiSchema = {
9488
9497
  {
9489
9498
  type: "Control",
9490
9499
  scope: "#/properties/refreshElements",
9491
- layout: 11.5,
9492
9500
  options: {
9493
- detail: {
9494
- type: "HorizontalLayout",
9495
- elements: [
9496
- {
9497
- type: "Control",
9498
- scope: "#/properties/value",
9499
- options: {
9500
- widget: "InputField"
9501
- },
9502
- config: {
9503
- layout: { xs: 12, sm: 6, md: 4, lg: 4 },
9504
- main: {
9505
- label: "Value"
9506
- }
9507
- }
9508
- },
9509
- {
9510
- type: "Control",
9511
- scope: "#/properties/emptyBox",
9512
- options: {
9513
- widget: "EmptyBox"
9514
- },
9515
- config: {
9516
- layout: { xs: 0, sm: 6, md: 4, lg: 4 },
9517
- main: {}
9518
- }
9519
- },
9520
- {
9521
- type: "Control",
9522
- scope: "#/properties/emptyBox",
9523
- options: {
9524
- widget: "EmptyBox"
9525
- },
9526
- config: {
9527
- layout: { xs: 0, sm: 0, md: 4, lg: 4 },
9528
- main: {}
9529
- }
9501
+ widget: "Array"
9502
+ },
9503
+ config: {
9504
+ layout: 12,
9505
+ main: {
9506
+ label: "Refresh Elements",
9507
+ childElementLabel: "Refresh Elements"
9508
+ },
9509
+ style: {
9510
+ marginLeft: "-24px",
9511
+ marginBottom: "24px !important",
9512
+ labelStyle: {
9513
+ marginLeft: "24px"
9514
+ },
9515
+ detailsStyle: {
9516
+ marginLeft: "24px"
9517
+ }
9518
+ }
9519
+ },
9520
+ elements: [
9521
+ {
9522
+ type: "Control",
9523
+ scope: "#/properties/value",
9524
+ options: {
9525
+ widget: "InputField"
9526
+ },
9527
+ config: {
9528
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
9529
+ main: {
9530
+ label: "Value"
9530
9531
  }
9531
- ]
9532
+ }
9533
+ },
9534
+ {
9535
+ type: "Control",
9536
+ scope: "#/properties/emptyBox",
9537
+ options: {
9538
+ widget: "EmptyBox"
9539
+ },
9540
+ config: {
9541
+ layout: { xs: 6, sm: 6, md: 8, lg: 8 },
9542
+ main: {}
9543
+ }
9532
9544
  }
9533
- }
9545
+ ]
9534
9546
  }
9535
9547
  ]
9536
9548
  };
@@ -9568,7 +9580,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
9568
9580
  widget: "EmptyBox"
9569
9581
  },
9570
9582
  config: {
9571
- layout: { xs: 0, sm: 6, md: 0, lg: 0 },
9583
+ layout: { xs: 0, sm: 6, md: 0, lg: 3 },
9572
9584
  main: {},
9573
9585
  style: {}
9574
9586
  }
@@ -9588,7 +9600,7 @@ var event = (store2, dynamicData2, submitHandler, service2, functionsName) => {
9588
9600
  widget: "EmptyBox"
9589
9601
  },
9590
9602
  config: {
9591
- layout: { xs: 6, sm: 6, md: 0, lg: 0 },
9603
+ layout: { xs: 6, sm: 6, md: 0, lg: 3 },
9592
9604
  main: {},
9593
9605
  style: {}
9594
9606
  }