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/impaktapps-ui-builder.es.js CHANGED
@@ -6693,67 +6693,53 @@ const componentBasicUiSchema = (theme) => {
6693
6693
  {
6694
6694
  type: "Control",
6695
6695
  scope: "#/properties/layout",
6696
+ layout: 12,
6696
6697
  options: {
6697
- widget: "Array"
6698
- },
6699
- config: {
6700
- layout: 12,
6701
- main: {
6702
- label: "Layout",
6703
- childElementLabel: "Layout"
6704
- },
6705
- style: {
6706
- marginLeft: "-24px",
6707
- marginBottom: "24px !important",
6708
- labelStyle: {
6709
- marginLeft: "24px"
6710
- },
6711
- detailsStyle: {
6712
- marginLeft: "24px"
6713
- }
6714
- }
6715
- },
6716
- elements: [
6717
- {
6718
- type: "Control",
6719
- scope: "#/properties/key",
6720
- options: {
6721
- widget: "SelectInputField"
6722
- },
6723
- config: {
6724
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6725
- main: {
6726
- label: "Screen Size"
6727
- }
6728
- }
6729
- },
6730
- {
6731
- type: "Control",
6732
- scope: "#/properties/value",
6733
- options: {
6734
- widget: "InputField"
6735
- },
6736
- config: {
6737
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6738
- main: {
6739
- label: "Value",
6740
- type: "number",
6741
- helperText: "Number should be in range of 0 to 12",
6742
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6698
+ detail: {
6699
+ type: "HorizontalLayout",
6700
+ elements: [
6701
+ {
6702
+ type: "Control",
6703
+ scope: "#/properties/key",
6704
+ options: {
6705
+ widget: "SelectInputField"
6706
+ },
6707
+ config: {
6708
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6709
+ main: {
6710
+ label: "Screen Size"
6711
+ }
6712
+ }
6713
+ },
6714
+ {
6715
+ type: "Control",
6716
+ scope: "#/properties/value",
6717
+ options: {
6718
+ widget: "InputField"
6719
+ },
6720
+ config: {
6721
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
6722
+ main: {
6723
+ label: "Value",
6724
+ type: "number",
6725
+ helperText: "Number should be in range of 0 to 12",
6726
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
6727
+ }
6728
+ }
6729
+ },
6730
+ {
6731
+ type: "Control",
6732
+ scope: "#/properties/proc",
6733
+ config: {
6734
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6735
+ },
6736
+ options: {
6737
+ widget: "EmptyBox"
6738
+ }
6743
6739
  }
6744
- }
6745
- },
6746
- {
6747
- type: "Control",
6748
- scope: "#/properties/proc",
6749
- config: {
6750
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
6751
- },
6752
- options: {
6753
- widget: "EmptyBox"
6754
- }
6740
+ ]
6755
6741
  }
6756
- ]
6742
+ }
6757
6743
  }
6758
6744
  ]
6759
6745
  }
@@ -7218,67 +7204,54 @@ const CoreSection = {
7218
7204
  {
7219
7205
  type: "Control",
7220
7206
  scope: "#/properties/layout",
7207
+ layout: 12,
7221
7208
  options: {
7222
- widget: "Array"
7223
- },
7224
- config: {
7225
- layout: 12,
7226
- main: {
7227
- label: "Layout",
7228
- childElementLabel: "Layout"
7229
- },
7230
- style: {
7231
- marginLeft: "-24px",
7232
- marginBottom: "24px !important",
7233
- labelStyle: {
7234
- marginLeft: "24px"
7235
- },
7236
- detailsStyle: {
7237
- marginLeft: "24px"
7238
- }
7239
- }
7240
- },
7241
- elements: [
7242
- {
7243
- type: "Control",
7244
- scope: "#/properties/key",
7245
- options: {
7246
- widget: "SelectInputField"
7247
- },
7248
- config: {
7249
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7250
- main: {
7251
- label: "Screen Size"
7252
- }
7253
- }
7254
- },
7255
- {
7256
- type: "Control",
7257
- scope: "#/properties/value",
7258
- options: {
7259
- widget: "InputField"
7260
- },
7261
- config: {
7262
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7263
- main: {
7264
- label: "Value",
7265
- type: "number",
7266
- helperText: "Number should be in range of 0 to 12",
7267
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
7209
+ "elementLabelProp": "key",
7210
+ detail: {
7211
+ type: "HorizontalLayout",
7212
+ elements: [
7213
+ {
7214
+ type: "Control",
7215
+ scope: "#/properties/key",
7216
+ options: {
7217
+ widget: "SelectInputField"
7218
+ },
7219
+ config: {
7220
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7221
+ main: {
7222
+ label: "Screen Size"
7223
+ }
7224
+ }
7225
+ },
7226
+ {
7227
+ type: "Control",
7228
+ scope: "#/properties/value",
7229
+ options: {
7230
+ widget: "InputField"
7231
+ },
7232
+ config: {
7233
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7234
+ main: {
7235
+ label: "Value",
7236
+ type: "number",
7237
+ helperText: "Number should be in range of 0 to 12",
7238
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
7239
+ }
7240
+ }
7241
+ },
7242
+ {
7243
+ type: "Control",
7244
+ scope: "#/properties/proc",
7245
+ config: {
7246
+ layout: { xs: 0, sm: 0, md: 4, lg: 4 }
7247
+ },
7248
+ options: {
7249
+ widget: "EmptyBox"
7250
+ }
7268
7251
  }
7269
- }
7270
- },
7271
- {
7272
- type: "Control",
7273
- scope: "#/properties/proc",
7274
- config: {
7275
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
7276
- },
7277
- options: {
7278
- widget: "EmptyBox"
7279
- }
7252
+ ]
7280
7253
  }
7281
- ]
7254
+ }
7282
7255
  }
7283
7256
  ]
7284
7257
  };
@@ -7478,58 +7451,44 @@ const emptyBox$1 = (scope, layout) => {
7478
7451
  const cardLayout = {
7479
7452
  type: "Control",
7480
7453
  scope: "#/properties/cardLayout",
7454
+ layout: 12,
7481
7455
  options: {
7482
- widget: "Array"
7483
- },
7484
- config: {
7485
- layout: 12,
7486
- main: {
7487
- label: "Card Layout",
7488
- childElementLabel: "Card Layout"
7489
- },
7490
- style: {
7491
- marginLeft: "-24px",
7492
- marginBottom: "24px !important",
7493
- labelStyle: {
7494
- marginLeft: "24px"
7495
- },
7496
- detailsStyle: {
7497
- marginLeft: "24px"
7498
- }
7456
+ detail: {
7457
+ type: "HorizontalLayout",
7458
+ elements: [
7459
+ {
7460
+ type: "Control",
7461
+ scope: "#/properties/key",
7462
+ options: {
7463
+ widget: "SelectInputField"
7464
+ },
7465
+ config: {
7466
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7467
+ main: {
7468
+ label: "Screen Size"
7469
+ }
7470
+ }
7471
+ },
7472
+ {
7473
+ type: "Control",
7474
+ scope: "#/properties/value",
7475
+ options: {
7476
+ widget: "InputField"
7477
+ },
7478
+ config: {
7479
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7480
+ main: {
7481
+ label: "Value",
7482
+ type: "number",
7483
+ helperText: "Number should be in range of 0 to 12",
7484
+ errorMessage: "Number Can't be greater than 12 and can't be less than 0."
7485
+ }
7486
+ }
7487
+ },
7488
+ emptyBox$1("cardEmpty")
7489
+ ]
7499
7490
  }
7500
- },
7501
- elements: [
7502
- {
7503
- type: "Control",
7504
- scope: "#/properties/key",
7505
- options: {
7506
- widget: "SelectInputField"
7507
- },
7508
- config: {
7509
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7510
- main: {
7511
- label: "Screen Size"
7512
- }
7513
- }
7514
- },
7515
- {
7516
- type: "Control",
7517
- scope: "#/properties/value",
7518
- options: {
7519
- widget: "InputField"
7520
- },
7521
- config: {
7522
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
7523
- main: {
7524
- label: "Value",
7525
- type: "number",
7526
- helperText: "Number should be in range of 0 to 12",
7527
- errorMessage: "Number Can't be greater than 12 and can't be less than 0."
7528
- }
7529
- }
7530
- },
7531
- emptyBox$1("cardEmpty")
7532
- ]
7491
+ }
7533
7492
  };
7534
7493
  const getArrayControl = (parentScope, childScope, childLabel) => {
7535
7494
  return {
@@ -8205,64 +8164,51 @@ const ValidationSection = {
8205
8164
  {
8206
8165
  type: "Control",
8207
8166
  scope: "#/properties/validation",
8167
+ layout: 11.5,
8208
8168
  options: {
8209
- widget: "Array"
8210
- },
8211
- config: {
8212
- layout: 12,
8213
- main: {
8214
- label: "Validation",
8215
- childElementLabel: "Validation"
8216
- },
8217
- style: {
8218
- marginLeft: "-24px",
8219
- marginBottom: "24px !important",
8220
- labelStyle: {
8221
- marginLeft: "24px"
8222
- },
8223
- detailsStyle: {
8224
- marginLeft: "24px"
8225
- }
8226
- }
8227
- },
8228
- elements: [
8229
- {
8230
- type: "Control",
8231
- scope: "#/properties/validationType",
8232
- options: {
8233
- widget: "SelectInputField"
8234
- },
8235
- config: {
8236
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
8237
- main: {
8238
- label: "Validation Type"
8239
- }
8240
- }
8241
- },
8242
- {
8243
- type: "Control",
8244
- scope: "#/properties/validationValue",
8245
- options: {
8246
- widget: "InputField"
8247
- },
8248
- config: {
8249
- layout: { xs: 6, sm: 6, md: 4, lg: 4 },
8250
- main: {
8251
- label: "Validation Value"
8169
+ "elementLabelProp": "validationType",
8170
+ detail: {
8171
+ type: "HorizontalLayout",
8172
+ elements: [
8173
+ {
8174
+ type: "Control",
8175
+ scope: "#/properties/validationType",
8176
+ options: {
8177
+ widget: "SelectInputField"
8178
+ },
8179
+ config: {
8180
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
8181
+ main: {
8182
+ label: "Validation Type"
8183
+ }
8184
+ }
8185
+ },
8186
+ {
8187
+ type: "Control",
8188
+ scope: "#/properties/validationValue",
8189
+ options: {
8190
+ widget: "InputField"
8191
+ },
8192
+ config: {
8193
+ layout: { xs: 6, sm: 6, md: 4, lg: 4 },
8194
+ main: {
8195
+ label: "Validation Value"
8196
+ }
8197
+ }
8198
+ },
8199
+ {
8200
+ type: "Control",
8201
+ scope: "#/properties/emptyBox",
8202
+ options: {
8203
+ widget: "EmptyBox"
8204
+ },
8205
+ config: {
8206
+ layout: { xs: 0, sm: 0, md: 4 }
8207
+ }
8252
8208
  }
8253
- }
8254
- },
8255
- {
8256
- type: "Control",
8257
- scope: "#/properties/emptyBox",
8258
- options: {
8259
- widget: "EmptyBox"
8260
- },
8261
- config: {
8262
- layout: { xs: 0, sm: 0, md: 4, lg: 4 }
8263
- }
8209
+ ]
8264
8210
  }
8265
- ]
8211
+ }
8266
8212
  }
8267
8213
  ]
8268
8214
  };
@@ -10330,6 +10276,7 @@ var service = (funcParams) => {
10330
10276
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
10331
10277
  funcParams.store.setAdditionalErrors([]);
10332
10278
  funcParams.store.setFormdata({});
10279
+ funcParams.store.setSchema({ type: "object", properties: {} });
10333
10280
  funcParams.store.newData = {};
10334
10281
  const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
10335
10282
  if (pageBasicDetailString) {