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

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 +227 -178
  2. package/dist/impaktapps-ui-builder.es.js.map +1 -1
  3. package/dist/impaktapps-ui-builder.umd.js +7 -7
  4. package/dist/impaktapps-ui-builder.umd.js.map +1 -1
  5. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +83 -71
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +50 -37
  7. package/package.json +1 -1
  8. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +49 -95
  9. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +118 -118
  10. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +60 -114
  11. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +63 -118
  12. package/src/impaktapps-ui-builder/runtime/services/service.ts +5 -5
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -6693,53 +6693,67 @@ const componentBasicUiSchema = (theme) => {
6693
6693
  {
6694
6694
  type: "Control",
6695
6695
  scope: "#/properties/layout",
6696
- layout: 12,
6697
6696
  options: {
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
- }
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."
6739
6743
  }
6740
- ]
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
+ }
6741
6755
  }
6742
- }
6756
+ ]
6743
6757
  }
6744
6758
  ]
6745
6759
  }
@@ -7204,54 +7218,67 @@ const CoreSection = {
7204
7218
  {
7205
7219
  type: "Control",
7206
7220
  scope: "#/properties/layout",
7207
- layout: 12,
7208
7221
  options: {
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
- }
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"
7251
7252
  }
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."
7268
+ }
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
+ }
7253
7280
  }
7254
- }
7281
+ ]
7255
7282
  }
7256
7283
  ]
7257
7284
  };
@@ -7451,44 +7478,58 @@ const emptyBox$1 = (scope, layout) => {
7451
7478
  const cardLayout = {
7452
7479
  type: "Control",
7453
7480
  scope: "#/properties/cardLayout",
7454
- layout: 12,
7455
7481
  options: {
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
- ]
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
+ }
7490
7499
  }
7491
- }
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
+ ]
7492
7533
  };
7493
7534
  const getArrayControl = (parentScope, childScope, childLabel) => {
7494
7535
  return {
@@ -8164,51 +8205,64 @@ const ValidationSection = {
8164
8205
  {
8165
8206
  type: "Control",
8166
8207
  scope: "#/properties/validation",
8167
- layout: 11.5,
8168
8208
  options: {
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
- }
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"
8208
8239
  }
8209
- ]
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"
8252
+ }
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
+ }
8210
8264
  }
8211
- }
8265
+ ]
8212
8266
  }
8213
8267
  ]
8214
8268
  };
@@ -10278,17 +10332,12 @@ var service = (funcParams) => {
10278
10332
  funcParams.store.setFormdata({});
10279
10333
  funcParams.store.setSchema({ type: "object", properties: {} });
10280
10334
  funcParams.store.newData = {};
10281
- const pageBasicDetailString = sessionStorage.getItem("pagemasterMetaData");
10282
- if (pageBasicDetailString) {
10283
- pageData = JSON.parse(pageBasicDetailString);
10284
- } else {
10285
- pageData = await funcParams.pageDataProvider();
10286
- sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
10287
- schema: pageData == null ? void 0 : pageData.schema,
10288
- uiSchema: pageData == null ? void 0 : pageData.uiSchema,
10289
- config: pageData == null ? void 0 : pageData.config
10290
- }));
10291
- }
10335
+ pageData = await funcParams.pageDataProvider();
10336
+ sessionStorage.setItem("pagemasterMetaData", JSON.stringify({
10337
+ schema: pageData == null ? void 0 : pageData.schema,
10338
+ uiSchema: pageData == null ? void 0 : pageData.uiSchema,
10339
+ config: pageData == null ? void 0 : pageData.config
10340
+ }));
10292
10341
  const config2 = pageData == null ? void 0 : pageData.config;
10293
10342
  const uiSchema = pageData == null ? void 0 : pageData.uiSchema;
10294
10343
  const event2 = new CustomEvent("pageNameChanged", {