@pega/dx-component-builder-sdk

Version:
Utility for building custom UI components
96 lines (95 loc) • 2.11 kB
JSON
{
  "name": "Pega_DXIL_MyPhone",
  "label": "My Phone",
  "description": "My Phone",
  "organization": "Pega",
  "version": "0.0.1",
  "library": "DXIL",
  "allowedApplications": [],
  "componentKey": "Pega_DXIL_MyPhone",
  "type": "Field",
  "subtype": "Text-Phone",
  "icon": "images/pz-phone-active.svg",
  "properties": [
    {
      "name": "label",
      "label": "Field label",
      "format": "TEXT",
      "required": true
    },
    {
      "name": "readOnly",
      "label": "Edit mode",
      "format": "READONLY"
    },
    {
      "name": "showCountryCode",
      "label": "Show Country Code",
      "format": "BOOLEAN",
      "defaultValue": true
    },
    {
      "label": "Input settings",
      "format": "GROUP",
      "visibility": "(!readOnly = true)",
      "properties": [
        {
          "name": "placeholder",
          "label": "Placeholder",
          "format": "TEXT"
        },
        {
          "name": "helperText",
          "label": "Helper text",
          "format": "TEXT"
        }
      ]
    },
    {
      "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",
    "datasource": {
      "source": "@DATASOURCE D_pyCountryCallingCodeList.pxResults",
      "fields": {
        "value": "@P .pyCallingCode"
      }
    }
  }
}