impaktapps-ui-builder 0.0.278 → 0.0.279

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 (19) hide show
  1. package/dist/impaktapps-ui-builder.es.js +110 -106
  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 +4 -4
  6. package/dist/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.d.ts +4 -4
  7. package/dist/src/impaktapps-ui-builder/builder/build/uischema/coreSection.d.ts +4 -4
  8. package/dist/src/impaktapps-ui-builder/builder/build/uischema/validationSections.d.ts +2 -2
  9. package/package.json +1 -1
  10. package/src/impaktapps-ui-builder/builder/build/buildMultiSelect.ts +7 -1
  11. package/src/impaktapps-ui-builder/builder/build/buildSelect.ts +1 -1
  12. package/src/impaktapps-ui-builder/builder/build/uischema/apiSection.ts +6 -6
  13. package/src/impaktapps-ui-builder/builder/build/uischema/buildPropertiesSection.ts +85 -83
  14. package/src/impaktapps-ui-builder/builder/build/uischema/coreSection.ts +35 -35
  15. package/src/impaktapps-ui-builder/builder/build/uischema/validationSections.ts +4 -29
  16. package/src/impaktapps-ui-builder/builder/elements/UiSchema/Component/uiSchema.ts +35 -35
  17. package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +1 -1
  18. package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +10 -10
  19. package/src/impaktapps-ui-builder/builder/services/event.ts +2 -2
package/dist/impaktapps-ui-builder.es.js CHANGED
@@ -113,7 +113,7 @@ const PageMasterUiSchema = {
113
113
  main: {
114
114
  label: "Template",
115
115
  programType: true,
116
- options: [{ "label": "Basic Template", value: 1 }],
116
+ options: [{ title: "Basic Template", const: 1 }],
117
117
  required: true
118
118
  }
119
119
  }
@@ -6085,33 +6085,33 @@ const componentBasicUiSchema = {
6085
6085
  main: {
6086
6086
  label: "Type",
6087
6087
  options: [
6088
- { label: "Select", value: "Select" },
6089
- { label: "Date", value: "Date" },
6090
- { label: "CheckBox", value: "CheckBox" },
6091
- { label: "Table", value: "Table" },
6092
- { label: "Array", value: "Array" },
6093
- { label: "Container", value: "WrapperSection" },
6094
- { label: "Tabs", value: "TabSection" },
6095
- { label: "Text", value: "Text" },
6096
- { label: "Radio", value: "Radio" },
6097
- { label: "Text Area", value: "TextArea" },
6098
- { label: "Button", value: "Button" },
6099
- { label: "Card", value: "card" },
6100
- { label: "Rank", value: "Rank" },
6101
- { label: "SpeedoMeter", value: "SpeedoMeter" },
6102
- { label: "ProgressBar", value: "ProgressBar" },
6103
- { label: "Graph", value: "Graph" },
6104
- { label: "Label", value: "Box" },
6105
- { label: "Upload File", value: "UploadFile" },
6106
- { label: "Download File", value: "DownloadFile" },
6107
- { label: "Empty Box", value: "EmptyBox" },
6108
- { label: "ProgressBar Card", value: "ProgressBarCard" },
6109
- { label: "Rank Card", value: "RankCard" },
6110
- { label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
6111
- { label: "Slider", value: "Slider" },
6112
- { label: "Timer", value: "Timer" },
6113
- { label: "MultipleSelect", value: "MultipleSelect" },
6114
- { label: "LeaderBoard", value: "LeaderBoard" }
6088
+ { title: "Select", const: "Select" },
6089
+ { title: "Date", const: "Date" },
6090
+ { title: "CheckBox", const: "CheckBox" },
6091
+ { title: "Table", const: "Table" },
6092
+ { title: "Array", const: "Array" },
6093
+ { title: "Container", const: "WrapperSection" },
6094
+ { title: "Tabs", const: "TabSection" },
6095
+ { title: "Text", const: "Text" },
6096
+ { title: "Radio", const: "Radio" },
6097
+ { title: "Text Area", const: "TextArea" },
6098
+ { title: "Button", const: "Button" },
6099
+ { title: "Card", const: "card" },
6100
+ { title: "Rank", const: "Rank" },
6101
+ { title: "SpeedoMeter", const: "SpeedoMeter" },
6102
+ { title: "ProgressBar", const: "ProgressBar" },
6103
+ { title: "Graph", const: "Graph" },
6104
+ { title: "Label", const: "Box" },
6105
+ { title: "Upload File", const: "UploadFile" },
6106
+ { title: "Download File", const: "DownloadFile" },
6107
+ { title: "Empty Box", const: "EmptyBox" },
6108
+ { title: "ProgressBar Card", const: "ProgressBarCard" },
6109
+ { title: "Rank Card", const: "RankCard" },
6110
+ { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
6111
+ { title: "Slider", const: "Slider" },
6112
+ { title: "Timer", const: "Timer" },
6113
+ { title: "MultipleSelect", const: "MultipleSelect" },
6114
+ { title: "LeaderBoard", const: "LeaderBoard" }
6115
6115
  ]
6116
6116
  }
6117
6117
  }
@@ -6192,10 +6192,10 @@ const componentBasicUiSchema = {
6192
6192
  main: {
6193
6193
  label: "Screen Size",
6194
6194
  options: [
6195
- { label: "Extra Small", value: "xs" },
6196
- { label: "Small", value: "sm" },
6197
- { label: "Medium", value: "md" },
6198
- { label: "Large", value: "lg" }
6195
+ { title: "Extra Small", const: "xs" },
6196
+ { title: "Small", const: "sm" },
6197
+ { title: "Medium", const: "md" },
6198
+ { title: "Large", const: "lg" }
6199
6199
  ]
6200
6200
  }
6201
6201
  }
@@ -6216,10 +6216,10 @@ const componentBasicUiSchema = {
6216
6216
  main: {
6217
6217
  label: "Value",
6218
6218
  options: [
6219
- { label: "3", value: "3" },
6220
- { label: "5.5", value: "5.5" },
6221
- { label: "8", value: "8" },
6222
- { label: "12", value: "12" }
6219
+ { title: "3", const: "3" },
6220
+ { title: "5.5", const: "5.5" },
6221
+ { title: "8", const: "8" },
6222
+ { title: "12", const: "12" }
6223
6223
  ]
6224
6224
  }
6225
6225
  }
@@ -6378,33 +6378,33 @@ const CoreSection = {
6378
6378
  label: "Type",
6379
6379
  type: "text",
6380
6380
  options: [
6381
- { label: "Select", value: "Select" },
6382
- { label: "Date", value: "Date" },
6383
- { label: "CheckBox", value: "CheckBox" },
6384
- { label: "Table", value: "Table" },
6385
- { label: "Array", value: "Array" },
6386
- { label: "Container", value: "WrapperSection" },
6387
- { label: "Tabs", value: "TabSection" },
6388
- { label: "Text", value: "Text" },
6389
- { label: "Text Area", value: "TextArea" },
6390
- { label: "Button", value: "Button" },
6391
- { label: "Card", value: "card" },
6392
- { label: "Radio", value: "Radio" },
6393
- { label: "Rank", value: "Rank" },
6394
- { label: "SpeedoMeter", value: "SpeedoMeter" },
6395
- { label: "ProgressBar", value: "ProgressBar" },
6396
- { label: "Graph", value: "Graph" },
6397
- { label: "Label", value: "Box" },
6398
- { label: "Upload File", value: "UploadFile" },
6399
- { label: "Download File", value: "DownloadFile" },
6400
- { label: "Empty Box", value: "EmptyBox" },
6401
- { label: "ProgressBar Card", value: "ProgressBarCard" },
6402
- { label: "Rank Card", value: "RankCard" },
6403
- { label: "Runner Boy Progress Bar", value: "RunnerBoyProgressBar" },
6404
- { label: "Slider", value: "Slider" },
6405
- { label: "Timer", value: "Timer" },
6406
- { label: "MultipleSelect", value: "MultipleSelect" },
6407
- { label: "LeaderBoard", value: "LeaderBoard" }
6381
+ { title: "Select", const: "Select" },
6382
+ { title: "Date", const: "Date" },
6383
+ { title: "CheckBox", const: "CheckBox" },
6384
+ { title: "Table", const: "Table" },
6385
+ { title: "Array", const: "Array" },
6386
+ { title: "Container", const: "WrapperSection" },
6387
+ { title: "Tabs", const: "TabSection" },
6388
+ { title: "Text", const: "Text" },
6389
+ { title: "Text Area", const: "TextArea" },
6390
+ { title: "Button", const: "Button" },
6391
+ { title: "Card", const: "card" },
6392
+ { title: "Radio", const: "Radio" },
6393
+ { title: "Rank", const: "Rank" },
6394
+ { title: "SpeedoMeter", const: "SpeedoMeter" },
6395
+ { title: "ProgressBar", const: "ProgressBar" },
6396
+ { title: "Graph", const: "Graph" },
6397
+ { title: "Label", const: "Box" },
6398
+ { title: "Upload File", const: "UploadFile" },
6399
+ { title: "Download File", const: "DownloadFile" },
6400
+ { title: "Empty Box", const: "EmptyBox" },
6401
+ { title: "ProgressBar Card", const: "ProgressBarCard" },
6402
+ { title: "Rank Card", const: "RankCard" },
6403
+ { title: "Runner Boy Progress Bar", const: "RunnerBoyProgressBar" },
6404
+ { title: "Slider", const: "Slider" },
6405
+ { title: "Timer", const: "Timer" },
6406
+ { title: "MultipleSelect", const: "MultipleSelect" },
6407
+ { title: "LeaderBoard", const: "LeaderBoard" }
6408
6408
  ]
6409
6409
  }
6410
6410
  }
@@ -6480,10 +6480,10 @@ const CoreSection = {
6480
6480
  main: {
6481
6481
  label: "Screen Size",
6482
6482
  options: [
6483
- { label: "Extra Small", value: "xs" },
6484
- { label: "Small", value: "sm" },
6485
- { label: "Medium", value: "md" },
6486
- { label: "Large", value: "lg" }
6483
+ { title: "Extra Small", const: "xs" },
6484
+ { title: "Small", const: "sm" },
6485
+ { title: "Medium", const: "md" },
6486
+ { title: "Large", const: "lg" }
6487
6487
  ]
6488
6488
  }
6489
6489
  }
@@ -6504,10 +6504,10 @@ const CoreSection = {
6504
6504
  main: {
6505
6505
  label: "Value",
6506
6506
  options: [
6507
- { label: "3", value: "3" },
6508
- { label: "5.5", value: "5.5" },
6509
- { label: "8", value: "8" },
6510
- { label: "12", value: "12" }
6507
+ { title: "3", const: "3" },
6508
+ { title: "5.5", const: "5.5" },
6509
+ { title: "8", const: "8" },
6510
+ { title: "12", const: "12" }
6511
6511
  ]
6512
6512
  }
6513
6513
  }
@@ -6868,8 +6868,8 @@ const buildPropertiesSection = function(type) {
6868
6868
  } else if (type === "Box") {
6869
6869
  const iconName = getInputField("value", "Value");
6870
6870
  uiSchema.elements = [getSelectField("graphType", "Label Type", [
6871
- { label: "URL", value: "url" },
6872
- { label: "Heading", value: "heading" }
6871
+ { title: "URL", const: "url" },
6872
+ { title: "Heading", const: "heading" }
6873
6873
  ]), iconName];
6874
6874
  } else if (type === "Button") {
6875
6875
  const caption = getInputField("color", "Color");
@@ -6877,16 +6877,16 @@ const buildPropertiesSection = function(type) {
6877
6877
  const iconName = getInputField("iconName", "Icon Name");
6878
6878
  uiSchema.elements = [
6879
6879
  getSelectField("buttonType", "Button Type", [
6880
- { label: "Button With Text", value: "Button" },
6881
- { label: "Button With Icon", value: "IconButton" },
6882
- { label: "Button With Icon and Text", value: "ButtonWithIconAndText" }
6880
+ { title: "Button With Text", const: "Button" },
6881
+ { title: "Button With Icon", const: "IconButton" },
6882
+ { title: "Button With Icon and Text", const: "ButtonWithIconAndText" }
6883
6883
  ]),
6884
6884
  iconName,
6885
6885
  size,
6886
6886
  caption,
6887
6887
  getSelectField("defaultStyle", "Default Style", [
6888
- { label: "Apply Default Style", value: "true" },
6889
- { label: "No Style", value: "false" }
6888
+ { title: "Apply Default Style", const: "true" },
6889
+ { title: "No Style", const: "false" }
6890
6890
  ]),
6891
6891
  JSON.parse(JSON.stringify(EmptyBox))
6892
6892
  ];
@@ -6900,11 +6900,11 @@ const buildPropertiesSection = function(type) {
6900
6900
  heading,
6901
6901
  height,
6902
6902
  getSelectField("graphType", "Graph Type", [
6903
- { label: "Bar Graph", value: "BarGraph" },
6904
- { label: "Stack Bar Graph", value: "StackBarGraph" },
6905
- { label: "Line Graph", value: "LineGraph" },
6906
- { label: "Pie Graph", value: "PieGraph" },
6907
- { label: "Horizontal Bar Graph", value: "HorizontalBarGraph" }
6903
+ { title: "Bar Graph", const: "BarGraph" },
6904
+ { title: "Stack Bar Graph", const: "StackBarGraph" },
6905
+ { title: "Line Graph", const: "LineGraph" },
6906
+ { title: "Pie Graph", const: "PieGraph" },
6907
+ { title: "Horizontal Bar Graph", const: "HorizontalBarGraph" }
6908
6908
  ]),
6909
6909
  leftLabel,
6910
6910
  bottomLabel,
@@ -7111,10 +7111,10 @@ const ValidationSection = {
7111
7111
  main: {
7112
7112
  label: "Validation Type",
7113
7113
  options: [
7114
- { value: "required", label: "Required" },
7115
- { value: "minLength", label: "Minimum Length" },
7116
- { value: "maxLength", label: "Maximum Length" },
7117
- { value: "pattern", label: "Pattern" }
7114
+ { title: "required", const: "Required" },
7115
+ { title: "minLength", const: "Minimum Length" },
7116
+ { title: "maxLength", const: "Maximum Length" },
7117
+ { title: "pattern", const: "Pattern" }
7118
7118
  ]
7119
7119
  }
7120
7120
  }
@@ -8168,7 +8168,7 @@ const buildSelect = (config, componentScope) => {
8168
8168
  selectInputField.config.main.label = config.label;
8169
8169
  if (config.value) {
8170
8170
  const options = config.value.map((e) => {
8171
- return { label: e.label, value: e.value };
8171
+ return { title: e.label, const: e.value };
8172
8172
  });
8173
8173
  selectInputField.config.main.options = options;
8174
8174
  }
@@ -8618,7 +8618,6 @@ var MultipleSelect = {
8618
8618
  }
8619
8619
  };
8620
8620
  const buildMultiSelect = (config, componentScope) => {
8621
- var _a;
8622
8621
  const multipleSelect = _.cloneDeep(MultipleSelect);
8623
8622
  multipleSelect.scope = componentScope;
8624
8623
  if (config.label) {
@@ -8627,7 +8626,12 @@ const buildMultiSelect = (config, componentScope) => {
8627
8626
  if (config.layout) {
8628
8627
  multipleSelect.config.layout = createLayoutFormat(config.layout);
8629
8628
  }
8630
- multipleSelect.config.main.options = (_a = config.value) != null ? _a : [];
8629
+ if (config.value) {
8630
+ const options = config.value.map((e) => {
8631
+ return { title: e.label, const: e.value };
8632
+ });
8633
+ multipleSelect.config.main.options = options != null ? options : [];
8634
+ }
8631
8635
  return multipleSelect;
8632
8636
  };
8633
8637
  const buildBasicUiSchema = (config) => {
@@ -9182,21 +9186,21 @@ const EventUiSchema = {
9182
9186
  label: "Event Type",
9183
9187
  type: "text",
9184
9188
  options: [
9185
- { label: "Click Event", value: "onClick" },
9186
- { label: "onStart", value: "onStart" },
9187
- { label: "Load Event", value: "onLoad" },
9188
- { label: "Change Event", value: "onChange" },
9189
- { label: "Success", value: "Success" },
9190
- { label: "Fail", value: "Fail" }
9189
+ { title: "Click Event", const: "onClick" },
9190
+ { title: "onStart", const: "onStart" },
9191
+ { title: "Load Event", const: "onLoad" },
9192
+ { title: "Change Event", const: "onChange" },
9193
+ { title: "Success", const: "Success" },
9194
+ { title: "Fail", const: "Fail" }
9191
9195
  ]
9192
9196
  }
9193
9197
  }
9194
9198
  },
9195
9199
  getSelectField("Handler", "Handler", [
9196
- { label: "Custom", value: "custom" },
9197
- { label: "Api", value: "api" },
9198
- { label: "Inbuilt Function", value: "inBuiltFunction" },
9199
- { label: "Refresh", value: "refresh" }
9200
+ { title: "Custom", const: "custom" },
9201
+ { title: "Api", const: "api" },
9202
+ { title: "Inbuilt Function", const: "inBuiltFunction" },
9203
+ { title: "Refresh", const: "refresh" }
9200
9204
  ])
9201
9205
  ]
9202
9206
  },
@@ -9383,10 +9387,10 @@ const APISection = {
9383
9387
  label: "Method",
9384
9388
  type: "text",
9385
9389
  options: [
9386
- { label: "Get", value: "get" },
9387
- { label: "Post", value: "post" },
9388
- { label: "Delete", value: "delete" },
9389
- { label: "Put", value: "put" }
9390
+ { title: "Get", const: "get" },
9391
+ { title: "Post", const: "post" },
9392
+ { title: "Delete", const: "delete" },
9393
+ { title: "Put", const: "put" }
9390
9394
  ]
9391
9395
  }
9392
9396
  }
@@ -9561,8 +9565,8 @@ var event = (store2, dynamicData2) => {
9561
9565
  uiSchema.elements[1].elements[0].elements[2] = APISection;
9562
9566
  } else if (handlerType === "inBuiltFunction") {
9563
9567
  uiSchema.elements[1].elements[0].elements[2] = getSelectField("inBuiltFunctionType", "Function Name", [
9564
- { label: "RankProvider", value: "RankProvider" },
9565
- { label: "Download File", value: "downloadFile" }
9568
+ { title: "RankProvider", const: "RankProvider" },
9569
+ { title: "Download File", const: "downloadFile" }
9566
9570
  ]);
9567
9571
  uiSchema.elements[1].elements[0].elements[3] = getTextArea("funcParametersCode", "Write Custom Code for Functions Parameter", true, { xs: 12, sm: 12, md: 6 });
9568
9572
  } else if (handlerType === "refresh") {