@pega/custom-dx-components
Version:
Utility for building custom UI components
149 lines (148 loc) • 3.37 kB
JSON
{
"name": "Pega_DXIL_MyBoolean",
"label": "My Boolean",
"description": "My Boolean",
"organization": "Pega",
"version": "0.0.1",
"library": "DXIL",
"allowedApplications": [],
"componentKey": "Pega_DXIL_MyBoolean",
"type": "Field",
"subtype": "Boolean",
"icon": "images/pz-checkbox-active.svg",
"properties": [
{
"name": "label",
"label": "Field label",
"format": "TEXT"
},
{
"name": "hideLabel",
"label": "Hide Label",
"format": "BOOLEAN"
},
{
"name": "readOnly",
"label": "Edit mode",
"format": "READONLY"
},
{
"label": "Column settings",
"format": "GROUP",
"visibility": "@VIEWTYPE == 'MultiRecordDisplayAsTable'",
"properties": [
{
"name": "columnWidth",
"label": "Column width",
"format": "SELECT",
"source": [
{
"key": "auto",
"value": "Auto"
},
{
"key": "custom",
"value": "Custom"
}
]
},
{
"name": "width",
"label": "Width (px)",
"format": "NUMBER",
"visibility": "$this.columnWidth == 'custom'"
}
]
},
{
"label": "Input settings",
"format": "GROUP",
"visibility": "(!readOnly = true)",
"properties": [
{
"name": "caption",
"label": "Caption",
"format": "TEXT",
"useAsAuthoringLabel": true
},
{
"name": "helperText",
"label": "Helper text",
"format": "TEXT"
}
]
},
{
"label": "Read-only settings",
"format": "GROUP",
"properties": [
{
"format": "SELECT",
"name": "displayValue",
"label": "Display Value",
"defaultValue": "Yes/No",
"localize": true,
"splitValues": {
"token": "/",
"propertyNames": ["trueLabel", "falseLabel"]
},
"source": [
{
"key": "Yes/No",
"value": "Yes/No"
},
{
"key": "True/False",
"value": "True/False"
}
]
}
]
},
{
"label": "Conditions",
"format": "GROUP",
"properties": [
{
"name": "required",
"label": "Required",
"format": "REQUIRED",
"visibility": "(!readOnly = true)"
},
{
"name": "disabled",
"label": "Disabled",
"format": "DISABLED",
"visibility": "(!readOnly = true)"
},
{
"name": "visibility",
"label": "Visibility",
"format": "VISIBILITY"
}
]
},
{
"label": "Advanced",
"format": "GROUP",
"collapsible": true,
"properties": [
{
"name": "testId",
"label": "Test ID",
"format": "TEXT",
"ignorePattern": "[^-_\\p{N}\\p{L}]",
"includeAnnotations": false
}
]
}
],
"defaultConfig": {
"caption": "@L $this.label",
"trueLabel": "@L Yes",
"falseLabel": "@L No",
"detailFVLItem": true,
"isFormWidth" : true,
"isContainerWidth" : false
}
}