impaktapps-ui-builder 0.0.101-alpha.28 → 0.0.101-alpha.29
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.
- package/dist/impaktapps-ui-builder.es.js +46 -46
- package/dist/impaktapps-ui-builder.es.js.map +1 -1
- package/dist/impaktapps-ui-builder.umd.js +2 -2
- package/dist/impaktapps-ui-builder.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/impaktapps-ui-builder/builder/build/uischema/eventSection.ts +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/PageMaster/uiSchema.ts +1 -1
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/schema.ts +11 -11
- package/src/impaktapps-ui-builder/builder/elements/UiSchema/event/uiSchema.ts +2 -2
- package/src/impaktapps-ui-builder/builder/services/component.ts +31 -31
|
@@ -365,7 +365,7 @@ const PageMasterUiSchema = (theme) => {
|
|
|
365
365
|
elements: [
|
|
366
366
|
{
|
|
367
367
|
accessorKey: "eventType",
|
|
368
|
-
header: "Event Type",
|
|
368
|
+
header: "Event's Type",
|
|
369
369
|
size: 300,
|
|
370
370
|
type: "string"
|
|
371
371
|
},
|
|
@@ -7336,7 +7336,7 @@ const EventSection = (theme) => {
|
|
|
7336
7336
|
elements: [
|
|
7337
7337
|
{
|
|
7338
7338
|
accessorKey: "eventType",
|
|
7339
|
-
header: "Event Type",
|
|
7339
|
+
header: "Event's Type",
|
|
7340
7340
|
type: "string",
|
|
7341
7341
|
size: 300
|
|
7342
7342
|
},
|
|
@@ -8394,36 +8394,36 @@ function okHandler(store2) {
|
|
|
8394
8394
|
}
|
|
8395
8395
|
}
|
|
8396
8396
|
const sectionLabels = {
|
|
8397
|
-
Select: ["Core", "Properties", "Value", "
|
|
8398
|
-
MultipleSelect: ["Core", "Properties", "Value", "
|
|
8399
|
-
Table: ["Core", "Components", "Properties", "
|
|
8400
|
-
LeaderBoard: ["Core", "Components", "Properties", "
|
|
8397
|
+
Select: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
|
|
8398
|
+
MultipleSelect: ["Core", "Properties", "Value", "Events", "Style", "Validation"],
|
|
8399
|
+
Table: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8400
|
+
LeaderBoard: ["Core", "Components", "Properties", "Events", "Style", "Validation"],
|
|
8401
8401
|
WrapperSection: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8402
8402
|
TabSection: ["Core", "Components", "Properties", "Style", "Validation"],
|
|
8403
|
-
SpeedoMeter: ["Core", "Properties", "
|
|
8404
|
-
card: ["Core", "Properties", "
|
|
8405
|
-
UploadFile: ["Core", "
|
|
8406
|
-
Graph: ["Core", "Properties", "
|
|
8407
|
-
DownloadFile: ["Core", "
|
|
8408
|
-
Box: ["Core", "
|
|
8409
|
-
Properties: ["Core", "Properties", "
|
|
8410
|
-
ProgressBarCard: ["Core", "Properties", "
|
|
8411
|
-
RankCard: ["Core", "Properties", "
|
|
8412
|
-
Slider: ["Core", "Components", "
|
|
8413
|
-
Timer: ["Core", "
|
|
8414
|
-
Rank: ["Core", "
|
|
8415
|
-
Button: ["Core", "Properties", "
|
|
8403
|
+
SpeedoMeter: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8404
|
+
card: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8405
|
+
UploadFile: ["Core", "Events", "Style", "Validation"],
|
|
8406
|
+
Graph: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8407
|
+
DownloadFile: ["Core", "Events", "Style", "Validation"],
|
|
8408
|
+
Box: ["Core", "Events", "Style", "Validation"],
|
|
8409
|
+
Properties: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8410
|
+
ProgressBarCard: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8411
|
+
RankCard: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8412
|
+
Slider: ["Core", "Components", "Events", "Style", "Validation"],
|
|
8413
|
+
Timer: ["Core", "Events", "Style", "Validation"],
|
|
8414
|
+
Rank: ["Core", "Events", "Style", "Validation"],
|
|
8415
|
+
Button: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8416
8416
|
Array: ["Core", "Components", "Validation"],
|
|
8417
|
-
Radio: ["Core", "Properties", "
|
|
8418
|
-
Text: ["Core", "Properties", "
|
|
8419
|
-
TextArea: ["Core", "Properties", "
|
|
8417
|
+
Radio: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8418
|
+
Text: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8419
|
+
TextArea: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8420
8420
|
PopUp: ["Core", "Components", "Properties", "Style"],
|
|
8421
|
-
Stepper: ["Core", "Components", "Properties", "
|
|
8422
|
-
DataGrid: ["Core", "Components", "Properties", "
|
|
8423
|
-
InputSlider: ["Core", "Properties", "
|
|
8424
|
-
TreeMap: ["Core", "Components", "Properties", "
|
|
8421
|
+
Stepper: ["Core", "Components", "Properties", "Events", "Style"],
|
|
8422
|
+
DataGrid: ["Core", "Components", "Properties", "Events", "Style"],
|
|
8423
|
+
InputSlider: ["Core", "Properties", "Events", "Style", "Validation"],
|
|
8424
|
+
TreeMap: ["Core", "Components", "Properties", "Events", "Style"],
|
|
8425
8425
|
ColumnGroup: ["Core", "Components"],
|
|
8426
|
-
Thought: ["Core", "Properties", "
|
|
8426
|
+
Thought: ["Core", "Properties", "Events", "Style", "Validation"]
|
|
8427
8427
|
};
|
|
8428
8428
|
function refreshPage(type, store2) {
|
|
8429
8429
|
var _a;
|
|
@@ -8433,13 +8433,13 @@ function refreshPage(type, store2) {
|
|
|
8433
8433
|
Core: CoreSection,
|
|
8434
8434
|
Value: ValueTab,
|
|
8435
8435
|
Style: StyleSection,
|
|
8436
|
-
|
|
8436
|
+
Events: EventSection(store2.theme.myTheme),
|
|
8437
8437
|
Components: TableSection(store2.theme.myTheme),
|
|
8438
8438
|
Properties: buildPropertiesSection(type),
|
|
8439
8439
|
Validation: ValidationSection
|
|
8440
8440
|
};
|
|
8441
8441
|
const elements = (_a = sectionLabels[type]) == null ? void 0 : _a.map((e) => sectionUiSchema[e]);
|
|
8442
|
-
UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "
|
|
8442
|
+
UiSchema.elements[0].config.main.tabLabels = sectionLabels[type] || ["Core", "Style", "Events", "Validation"];
|
|
8443
8443
|
UiSchema.elements[0].elements = elements || [CoreSection, StyleSection, EventSection(store2.theme.myTheme), ValidationSection];
|
|
8444
8444
|
}
|
|
8445
8445
|
if (sessionStorage.getItem("copiedConfig")) {
|
|
@@ -8604,15 +8604,15 @@ var Component = (store2, dynamicData2, submitHandler, service2) => {
|
|
|
8604
8604
|
const pastedElementPath = this.elementPathHandler(pastedElementParentPath, insertElementIndex, elementType);
|
|
8605
8605
|
const copiedConfig = JSON.parse(sessionStorage.getItem("copiedConfig"));
|
|
8606
8606
|
const notificationMessages = {
|
|
8607
|
-
|
|
8608
|
-
Component: "The component cannot be integrated into the
|
|
8607
|
+
Events: " The Events cannot be integrated into the component section.",
|
|
8608
|
+
Component: "The component cannot be integrated into the Events section."
|
|
8609
8609
|
};
|
|
8610
8610
|
if (copiedConfig.Handler && elementType === "Component") {
|
|
8611
8611
|
store2.setNotify({
|
|
8612
|
-
FailMessage: notificationMessages.
|
|
8612
|
+
FailMessage: notificationMessages.Events,
|
|
8613
8613
|
Fail: true
|
|
8614
8614
|
});
|
|
8615
|
-
} else if (copiedConfig.name && elementType === "
|
|
8615
|
+
} else if (copiedConfig.name && elementType === "Events") {
|
|
8616
8616
|
store2.setNotify({
|
|
8617
8617
|
FailMessage: notificationMessages.Component,
|
|
8618
8618
|
Fail: true
|
|
@@ -8790,18 +8790,18 @@ const EventSchema = {
|
|
|
8790
8790
|
eventType: {
|
|
8791
8791
|
type: "string",
|
|
8792
8792
|
oneOf: [
|
|
8793
|
-
{ title: "Click
|
|
8794
|
-
{ title: "Load
|
|
8795
|
-
{ title: "Change
|
|
8796
|
-
{ title: "Mount
|
|
8793
|
+
{ title: "Click", const: "onClick" },
|
|
8794
|
+
{ title: "Load", const: "onLoad" },
|
|
8795
|
+
{ title: "Change", const: "onChange" },
|
|
8796
|
+
{ title: "Mount", const: "onMount" },
|
|
8797
8797
|
{ title: "Success", const: "Success" },
|
|
8798
|
-
{ title: "
|
|
8799
|
-
{ title: "Cell
|
|
8800
|
-
{ title: "
|
|
8801
|
-
{ title: "Back
|
|
8802
|
-
{ title: "Next
|
|
8803
|
-
{ title: "
|
|
8804
|
-
{ title: "
|
|
8798
|
+
{ title: "Start", const: "onStart" },
|
|
8799
|
+
{ title: "Cell Render", const: "onCellRenderer" },
|
|
8800
|
+
{ title: "Upload", const: "onUpload" },
|
|
8801
|
+
{ title: "Back", const: "onBack" },
|
|
8802
|
+
{ title: "Next", const: "onNext" },
|
|
8803
|
+
{ title: "Row Movement", const: "onRowMovement" },
|
|
8804
|
+
{ title: "Download", const: "onDownload" },
|
|
8805
8805
|
{ title: "Fail", const: "Fail" }
|
|
8806
8806
|
]
|
|
8807
8807
|
},
|
|
@@ -8846,7 +8846,7 @@ const EventUiSchema = (theme) => {
|
|
|
8846
8846
|
var _a;
|
|
8847
8847
|
const uiSchema = {
|
|
8848
8848
|
type: "HorizontalLayout",
|
|
8849
|
-
heading: "Page-
|
|
8849
|
+
heading: "Page-Events",
|
|
8850
8850
|
elements: [
|
|
8851
8851
|
{
|
|
8852
8852
|
type: "TabLayout",
|
|
@@ -8980,7 +8980,7 @@ const EventUiSchema = (theme) => {
|
|
|
8980
8980
|
elements: [
|
|
8981
8981
|
{
|
|
8982
8982
|
accessorKey: "eventType",
|
|
8983
|
-
header: "Event Type",
|
|
8983
|
+
header: "Event's Type",
|
|
8984
8984
|
size: 300,
|
|
8985
8985
|
type: "string"
|
|
8986
8986
|
},
|