@pega/custom-dx-components
Version:
Utility for building custom UI components
348 lines (347 loc) • 8.07 kB
JSON
{
"name": "Pega_DXIL_MyInteger",
"label": "My Integer",
"description": "My Integer",
"organization": "Pega",
"version": "0.0.1-dev",
"library": "DXIL",
"allowedApplications": [],
"componentKey": "Pega_DXIL_MyInteger",
"type": "Field",
"subtype": "Integer",
"properties": [
{
"name": "label",
"label": "Field label",
"format": "TEXT",
"required": true
},
{
"name": "readOnly",
"label": "Edit mode",
"format": "READONLY"
},
{
"name": "showGroupSeparators",
"label": "Show thousands separator",
"format": "BOOLEAN",
"visibility": "(!displayAs = slider)"
},
{
"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": "displayAs",
"label": "Display as",
"format": "SELECT",
"defaultValue": "input",
"source": [
{
"key": "input",
"value": "Input"
},
{
"key": "stepper",
"value": "Stepper"
},
{
"key": "slider",
"value": "Slider"
}
]
},
{
"name": "min",
"label": "Min value",
"format": "NUMBER",
"defaultValue": "0",
"required": true,
"visibility": "(displayAs = slider)"
},
{
"name": "max",
"label": "Max value",
"format": "NUMBER",
"defaultValue": "100",
"required": true,
"visibility": "(displayAs = slider)"
},
{
"name": "defaultValue",
"label": "Default value",
"format": "NUMBER",
"visibility": "(displayAs = slider)"
},
{
"name": "step",
"label": "Increment",
"format": "NUMBER",
"defaultValue": "1",
"min": 1,
"visibility": "(displayAs = slider)"
},
{
"name": "placeholder",
"label": "Placeholder",
"format": "TEXT",
"visibility": "(!displayAs = slider && !displayAs = stepper)"
},
{
"name": "helperText",
"label": "Helper text",
"format": "TEXT"
},
{
"name": "showInput",
"label": "Show numeric input",
"format": "BOOLEAN",
"defaultValue": true,
"visibility": "(displayAs = slider)"
},
{
"name": "showTicks",
"label": "Show ticks",
"format": "BOOLEAN",
"defaultValue": true,
"visibility": "(displayAs = slider)"
}
]
},
{
"label": "Read-only settings",
"format": "GROUP",
"properties": [
{
"format": "SELECT",
"name": "formatter",
"label": "Format",
"defaultValue": "defaultInteger",
"source": [
{
"key": "defaultInteger",
"value": "Default"
},
{
"key": "Decimal",
"value": "Decimal"
},
{
"key": "Currency",
"value": "Currency"
},
{
"key": "Percentage",
"value": "Percentage"
}
]
}
]
},
{
"format": "CASCADE",
"visibility": "(formatter = Currency)",
"source": {
"format": "SELECT",
"label": "ISO Code Selection",
"name": "isoCodeSelection",
"defaultValue": "constant",
"source": [
{
"key": "constant",
"value": "Constant"
},
{
"key": "propertyRef",
"value": "Property Reference"
}
]
},
"cascadeElements": [
{
"key": "currencyISOCode",
"format": "TEXT",
"name": "currencyISOCode",
"label": "Currency ISO Code",
"defaultValue": "USD",
"match": "constant"
},
{
"key": "currencyISOCode",
"format": "PROPERTY",
"name": "currencyISOCode",
"label": "Currency ISO Code",
"match": "propertyRef"
}
]
},
{
"format": "SELECT",
"name": "currencyDisplay",
"label": "Currency display",
"visibility": "(formatter = Currency)",
"defaultValue": "symbol",
"source": [
{
"key": "symbol",
"value": "Auto"
},
{
"key": "code",
"value": "Code"
},
{
"key": "name",
"value": "Name"
}
]
},
{
"format": "SELECT",
"name": "negative",
"label": "Negative number display",
"visibility": "(formatter = Currency)",
"defaultValue": "minus-sign",
"source": [
{
"key": "minus-sign",
"value": "Standard"
},
{
"key": "parentheses",
"value": "Accounting"
}
]
},
{
"format": "SELECT",
"name": "notation",
"label": "Notation",
"visibility": "(!negative = parentheses)&&(!formatter = Percentage)",
"defaultValue": "standard",
"source": [
{
"key": "standard",
"value": "Standard"
},
{
"key": "compact",
"value": "Compact"
}
]
},
{
"name": "decimalPrecision",
"label": "Decimal places",
"format": "NUMBER",
"visibility": "(formatter = Decimal)||(formatter = Percentage)",
"min": 0,
"max": 20
},
{
"format": "SELECT",
"name": "currencyDecimalPrecision",
"label": "Decimal places shown",
"visibility": "(formatter = Currency)",
"defaultValue": "auto",
"source": [
{
"key": "auto",
"value": "Auto"
},
{
"key": "0",
"value": "None"
},
{
"key": "1",
"value": "1"
},
{
"key": "2",
"value": "2"
},
{
"key": "3",
"value": "3"
},
{
"key": "4",
"value": "4"
}
]
},
{
"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": {
"label": "@L $this.label",
"detailFVLItem": true,
"isFormWidth" : false,
"isContainerWidth" : false
}
}