a4fe0a461e
- Each column has more options and can be configured in the property pane instead of the table - Table level styles can now be set in the property pane - Property sections are collapsible Co-authored-by: vicky-primathon.in <vicky.bansal@primathon.in> Co-authored-by: nandan.anantharamu <nandan.anantharamu@thoughtspot.com> Co-authored-by: Abhinav Jha <abhinav@appsmith.com> Co-authored-by: hetunandu <hetu@appsmith.com>
1142 lines
51 KiB
JSON
1142 lines
51 KiB
JSON
{
|
|
"responseMeta": {
|
|
"status": 200,
|
|
"success": true
|
|
},
|
|
"data": {
|
|
"id": "5dcceb61ae82b00004d7b2fe",
|
|
"userPermissions": [],
|
|
"config": {
|
|
"CONTAINER_WIDGET": [
|
|
{
|
|
"id": "5.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "5.1.1",
|
|
"helpText": "Use a html color name, HEX, RGB or RGBA value",
|
|
"placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
|
|
"propertyName": "backgroundColor",
|
|
"label": "Background Color",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "5.1.2",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "5.1.3",
|
|
"propertyName": "shouldScrollContents",
|
|
"label": "Scroll Contents",
|
|
"controlType": "SWITCH"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"DATE_PICKER_WIDGET": [
|
|
{
|
|
"sectionName": "General",
|
|
"id": "6.1",
|
|
"children": [
|
|
{
|
|
"id": "6.1.2",
|
|
"propertyName": "defaultDate",
|
|
"label": "Default Date",
|
|
"helpText": "Sets the default date of the widget. The date is updated if the default date changes",
|
|
"controlType": "DATE_PICKER",
|
|
"placeholderText": "Enter Default Date",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "6.1.3",
|
|
"helpText": "Sets the format of the selected date",
|
|
"propertyName": "dateFormat",
|
|
"label": "Date Format",
|
|
"controlType": "DROP_DOWN",
|
|
"isJSConvertible": true,
|
|
"options": [
|
|
{
|
|
"label": "YYYY-MM-DD",
|
|
"value": "YYYY-MM-DD"
|
|
},
|
|
{
|
|
"label": "YYYY-MM-DD HH:mm",
|
|
"value": "YYYY-MM-DD HH:mm"
|
|
},
|
|
{
|
|
"label": "YYYY-MM-DDTHH:mm:ss.sssZ",
|
|
"value": "YYYY-MM-DDTHH:mm:ss.sssZ"
|
|
},
|
|
{
|
|
"label": "DD/MM/YYYY",
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
{
|
|
"label": "DD/MM/YYYY HH:mm",
|
|
"value": "DD/MM/YYYY HH:mm"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6.1.4",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "6.1.5",
|
|
"propertyName": "isDisabled",
|
|
"label": "Disabled",
|
|
"helpText": "Disables input to this widget",
|
|
"controlType": "SWITCH"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"sectionName": "Actions",
|
|
"id": "6.2",
|
|
"children": [
|
|
{
|
|
"id": "6.2.1",
|
|
"propertyName": "onDateSelected",
|
|
"label": "onDateSelected",
|
|
"controlType": "ACTION_SELECTOR"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"TABLE_WIDGET": [
|
|
{
|
|
"id": "7.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "7.1.1",
|
|
"helpText": "Takes in an array of objects to display rows in the table. Bind data from an API using {{}}",
|
|
"propertyName": "tableData",
|
|
"label": "Table Data",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter [{ \"col1\": \"val1\" }]",
|
|
"inputType": "ARRAY"
|
|
},
|
|
{
|
|
"id": "7.1.2",
|
|
"helpText": "Bind the Table.pageNo property in your API and call it onPageChange",
|
|
"propertyName": "serverSidePaginationEnabled",
|
|
"label": "Server Side Pagination",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "7.1.3",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"isJSConvertible": true,
|
|
"label": "Visible",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "7.1.4",
|
|
"helpText": "Enable PDF Export",
|
|
"propertyName": "exportPDF",
|
|
"label": "PDF Export",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "7.1.5",
|
|
"helpText": "Enable Excel Export",
|
|
"propertyName": "exportExcel",
|
|
"label": "Excel Export",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "7.1.6",
|
|
"helpText": "Enable CSV Export",
|
|
"propertyName": "exportCsv",
|
|
"label": "CSV Export",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "7.1.7",
|
|
"helpText": "Existing Columns",
|
|
"propertyName": "columns",
|
|
"label": "Existing Columns",
|
|
"controlType": "PRIMARY_COLUMNS"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "7.2.1",
|
|
"helpText": "Adds a button action for every row. Reference the Table.selectedRow property in the action",
|
|
"propertyName": "columnActions",
|
|
"label": "Row Button",
|
|
"controlType": "COLUMN_ACTION_SELECTOR"
|
|
},
|
|
{
|
|
"id": "7.2.2",
|
|
"helpText": "Triggers an action when a table row is selected",
|
|
"propertyName": "onRowSelected",
|
|
"label": "onRowSelected",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "7.2.3",
|
|
"helpText": "Triggers an action when a table page is changed",
|
|
"propertyName": "onPageChange",
|
|
"label": "onPageChange",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"IMAGE_WIDGET": [
|
|
{
|
|
"id": "3.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "3.1.1",
|
|
"helpText": "Renders the url or Base64 in the widget",
|
|
"propertyName": "image",
|
|
"label": "Image",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter URL / Base64"
|
|
},
|
|
{
|
|
"id": "3.1.2",
|
|
"helpText": "Renders the url or Base64 when no image is provided",
|
|
"propertyName": "defaultImage",
|
|
"label": "Default Image",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter URL / Base64"
|
|
},
|
|
{
|
|
"id": "3.1.3",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"RADIO_GROUP_WIDGET": [
|
|
{
|
|
"id": "10.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "10.1.2",
|
|
"helpText": "Displays a list of options for a user to select. Values must be unique",
|
|
"propertyName": "options",
|
|
"label": "Options",
|
|
"controlType": "OPTION_INPUT",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "10.1.3",
|
|
"helpText": "Selects a value of the options entered by default",
|
|
"propertyName": "defaultOptionValue",
|
|
"label": "Default Selected Value",
|
|
"placeholderText": "Enter option value",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "10.1.5",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "10.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "10.2.1",
|
|
"helpText": "Triggers an action when a user changes the selected option",
|
|
"propertyName": "onSelectionChange",
|
|
"label": "onSelectionChange",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"TABS_WIDGET": [
|
|
{
|
|
"id": "16.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "16.1.1",
|
|
"helpText": "Takes an array of tab names to render tabs",
|
|
"propertyName": "tabs",
|
|
"isJSConvertible": true,
|
|
"label": "Tabs",
|
|
"controlType": "TABS_INPUT"
|
|
},
|
|
{
|
|
"id": "16.1.2",
|
|
"propertyName": "selectedTab",
|
|
"helpText": "Selects a tab name specified by default",
|
|
"placeholderText": "Enter tab name",
|
|
"label": "Default Tab",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "16.1.5",
|
|
"propertyName": "shouldScrollContents",
|
|
"label": "Scroll Contents",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "16.1.4",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"CHART_WIDGET": [
|
|
{
|
|
"id": "13.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "13.1.1",
|
|
"helpText": "Adds a title to the chart",
|
|
"placeholderText": "Enter title",
|
|
"propertyName": "chartName",
|
|
"label": "Title",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "13.1.2",
|
|
"helpText": "Changes the visualisation of the chart data",
|
|
"propertyName": "chartType",
|
|
"label": "Chart Type",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Line Chart",
|
|
"value": "LINE_CHART"
|
|
},
|
|
{
|
|
"label": "Bar Chart",
|
|
"value": "BAR_CHART"
|
|
},
|
|
{
|
|
"label": "Pie Chart",
|
|
"value": "PIE_CHART"
|
|
},
|
|
{
|
|
"label": "Column Chart",
|
|
"value": "COLUMN_CHART"
|
|
},
|
|
{
|
|
"label": "Area Chart",
|
|
"value": "AREA_CHART"
|
|
}
|
|
],
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "13.1.62",
|
|
"helpText": "Populates the chart with the data",
|
|
"propertyName": "chartData",
|
|
"placeholderText": "Enter [{ \"x\": \"val\", \"y\": \"val\" }]",
|
|
"label": "Chart Data",
|
|
"controlType": "CHART_DATA"
|
|
},
|
|
{
|
|
"id": "13.1.3",
|
|
"helpText": "Specifies the label of the x-axis",
|
|
"propertyName": "xAxisName",
|
|
"placeholderText": "Enter label text",
|
|
"label": "x-axis Label",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "13.1.5",
|
|
"helpText": "Specifies the label of the y-axis",
|
|
"propertyName": "yAxisName",
|
|
"placeholderText": "Enter label text",
|
|
"label": "y-axis Label",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "13.1.4",
|
|
"helpText": "Enables scrolling inside the chart",
|
|
"propertyName": "allowHorizontalScroll",
|
|
"label": "Allow horizontal scroll",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "13.1.7",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"MODAL_WIDGET": [
|
|
{
|
|
"sectionName": "General",
|
|
"id": "18.1",
|
|
"children": [
|
|
{
|
|
"id": "18.1.1",
|
|
"propertyName": "canOutsideClickClose",
|
|
"label": "Quick Dismiss",
|
|
"helpText": "Allows dismissing the modal when user taps outside",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "18.1.2",
|
|
"propertyName": "size",
|
|
"label": "Modal Type",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Form Modal",
|
|
"value": "MODAL_LARGE"
|
|
},
|
|
{
|
|
"label": "Alert Modal",
|
|
"value": "MODAL_SMALL"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "18.1.3",
|
|
"propertyName": "shouldScrollContents",
|
|
"label": "Scroll Contents",
|
|
"controlType": "SWITCH"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"INPUT_WIDGET": [
|
|
{
|
|
"id": "4.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "4.1.2",
|
|
"helpText": "Changes the type of data captured in the input",
|
|
"propertyName": "inputType",
|
|
"label": "Data Type",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Text",
|
|
"value": "TEXT"
|
|
},
|
|
{
|
|
"label": "Number",
|
|
"value": "NUMBER"
|
|
},
|
|
{
|
|
"label": "Password",
|
|
"value": "PASSWORD"
|
|
},
|
|
{
|
|
"label": "Phone Number",
|
|
"value": "PHONE_NUMBER"
|
|
},
|
|
{
|
|
"label": "Email",
|
|
"value": "EMAIL"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4.1.3",
|
|
"helpText": "Sets a placeholder text for the input",
|
|
"propertyName": "placeholderText",
|
|
"label": "Placeholder",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter placeholder text"
|
|
},
|
|
{
|
|
"id": "4.1.4",
|
|
"helpText": "Sets the default text of the widget. The text is updated if the default text changes",
|
|
"propertyName": "defaultText",
|
|
"label": "Default Input",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter default text"
|
|
},
|
|
{
|
|
"id": "4.1.5",
|
|
"helpText": "Adds a validation to the input which displays an error on failure",
|
|
"propertyName": "regex",
|
|
"label": "Regex",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
|
|
"inputType": "TEXT"
|
|
},
|
|
{
|
|
"id": "4.1.6",
|
|
"helpText": "Displays the error message if the regex validation fails",
|
|
"propertyName": "errorMessage",
|
|
"label": "Error Message",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter error message",
|
|
"inputType": "TEXT"
|
|
},
|
|
{
|
|
"id": "4.1.8",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "4.1.9",
|
|
"helpText": "Disables input to this widget",
|
|
"propertyName": "isDisabled",
|
|
"label": "Disabled",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4.2.1",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "5.11.2",
|
|
"helpText": "Triggers an action when the text is changed",
|
|
"propertyName": "onTextChanged",
|
|
"label": "onTextChanged",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"DROP_DOWN_WIDGET": [
|
|
{
|
|
"id": "8.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "8.1.2",
|
|
"helpText": "Allows users to select either a single option or multiple options",
|
|
"propertyName": "selectionType",
|
|
"label": "Selection Type",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Single Select",
|
|
"value": "SINGLE_SELECT"
|
|
},
|
|
{
|
|
"label": "Multi Select",
|
|
"value": "MULTI_SELECT"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8.1.3",
|
|
"helpText": "Allows users to select either a single option or multiple options. Values must be unique",
|
|
"propertyName": "options",
|
|
"label": "Options",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter [{label: \"label1\", value: \"value2\"}]"
|
|
},
|
|
{
|
|
"id": "8.1.4",
|
|
"helpText": "Selects the option with value by default",
|
|
"propertyName": "defaultOptionValue",
|
|
"label": "Default Option",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter option value"
|
|
},
|
|
{
|
|
"id": "8.1.6",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "8.2.1",
|
|
"helpText": "Triggers an action when a user selects an option",
|
|
"propertyName": "onOptionChange",
|
|
"label": "onOptionChange",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"FORM_BUTTON_WIDGET": [
|
|
{
|
|
"id": "15.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "15.1.1",
|
|
"propertyName": "text",
|
|
"label": "Label",
|
|
"helpText": "Sets the label of the button",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter label text"
|
|
},
|
|
{
|
|
"id": "15.1.2",
|
|
"propertyName": "buttonStyle",
|
|
"label": "Button Style",
|
|
"helpText": "Changes the style of the button",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Primary Button",
|
|
"value": "PRIMARY_BUTTON"
|
|
},
|
|
{
|
|
"label": "Secondary Button",
|
|
"value": "SECONDARY_BUTTON"
|
|
},
|
|
{
|
|
"label": "Danger Button",
|
|
"value": "DANGER_BUTTON"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "15.1.3",
|
|
"helpText": "Disables the button when the parent form has a required widget that is not filled",
|
|
"propertyName": "disabledWhenInvalid",
|
|
"label": "Disabled Invalid Forms",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "15.1.4",
|
|
"helpText": "Resets the fields within the parent form when the click action succeeds",
|
|
"propertyName": "resetFormOnClick",
|
|
"label": "Reset Form on Success",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "15.1.5",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "15.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "15.2.1",
|
|
"helpText": "Triggers an action when the button is clicked",
|
|
"propertyName": "onClick",
|
|
"label": "onClick",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"MAP_WIDGET": [
|
|
{
|
|
"sectionName": "General",
|
|
"id": "25.1",
|
|
"children": [
|
|
{
|
|
"id": "25.1.1",
|
|
"propertyName": "mapCenter",
|
|
"label": "Initial location",
|
|
"isJSConvertible": true,
|
|
"controlType": "LOCATION_SEARCH"
|
|
},
|
|
{
|
|
"id": "25.1.4",
|
|
"propertyName": "defaultMarkers",
|
|
"label": "Default markers",
|
|
"controlType": "INPUT_TEXT",
|
|
"inputType": "ARRAY",
|
|
"helpText": "Sets the default markers on the map",
|
|
"placeholderText": "Enter [{ \"lat\": \"val1\", \"long\": \"val2\" }]"
|
|
},
|
|
{
|
|
"id": "25.1.2",
|
|
"propertyName": "enableSearch",
|
|
"label": "Enable search location",
|
|
"helpText": "Enables locaton search",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "25.1.3",
|
|
"propertyName": "enablePickLocation",
|
|
"label": "Enable pick location",
|
|
"helpText": "Allows a user to pick their location",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "25.1.5",
|
|
"propertyName": "enableCreateMarker",
|
|
"label": "Create new marker",
|
|
"helpText": "Allows users to mark locations on the map",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "25.1.6",
|
|
"propertyName": "zoomLevel",
|
|
"label": "Zoom Level",
|
|
"controlType": "STEP",
|
|
"helpText": "Changes the default zoom of the map",
|
|
"stepType": "ZOOM_PERCENTAGE"
|
|
},
|
|
{
|
|
"id": "25.1.7",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "27",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "27.1",
|
|
"propertyName": "onMarkerClick",
|
|
"label": "onMarkerClick",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "27.2",
|
|
"propertyName": "onCreateMarker",
|
|
"label": "onCreateMarker",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"BUTTON_WIDGET": [
|
|
{
|
|
"id": "1.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "1.1.1",
|
|
"propertyName": "text",
|
|
"label": "Label",
|
|
"helpText": "Sets the label of the button",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter label text"
|
|
},
|
|
{
|
|
"id": "1.1.2",
|
|
"propertyName": "buttonStyle",
|
|
"label": "Button Style",
|
|
"controlType": "DROP_DOWN",
|
|
"helpText": "Changes the style of the button",
|
|
"options": [
|
|
{
|
|
"label": "Primary Button",
|
|
"value": "PRIMARY_BUTTON"
|
|
},
|
|
{
|
|
"label": "Secondary Button",
|
|
"value": "SECONDARY_BUTTON"
|
|
},
|
|
{
|
|
"label": "Danger Button",
|
|
"value": "DANGER_BUTTON"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1.1.3",
|
|
"propertyName": "isDisabled",
|
|
"label": "Disabled",
|
|
"controlType": "SWITCH",
|
|
"helpText": "Disables clicks to this widget",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "1.1.4",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1.2.1",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "2.1",
|
|
"helpText": "Triggers an action when the button is clicked",
|
|
"propertyName": "onClick",
|
|
"label": "onClick",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"RICH_TEXT_EDITOR_WIDGET": [
|
|
{
|
|
"id": "12.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "12.1.1",
|
|
"propertyName": "defaultText",
|
|
"helpText": "Sets the default text of the widget. The text is updated if the default text changes",
|
|
"label": "Default text",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter HTML"
|
|
},
|
|
{
|
|
"id": "12.1.2",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "12.1.3",
|
|
"propertyName": "isDisabled",
|
|
"label": "Disable",
|
|
"helpText": "Disables input to this widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "12.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "12.2.1",
|
|
"helpText": "Triggers an action when the text is changed",
|
|
"propertyName": "onTextChange",
|
|
"label": "onTextChange",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"FILE_PICKER_WIDGET": [
|
|
{
|
|
"id": "11.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "11.1.1",
|
|
"propertyName": "label",
|
|
"label": "Label",
|
|
"controlType": "INPUT_TEXT",
|
|
"helpText": "Sets the label of the button",
|
|
"placeholderText": "Enter label text",
|
|
"inputType": "TEXT"
|
|
},
|
|
{
|
|
"id": "11.1.2",
|
|
"propertyName": "maxNumFiles",
|
|
"label": "Max No. files",
|
|
"helpText": "Sets the maximum number of files that can be uploaded at once",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter no. of files",
|
|
"inputType": "INTEGER"
|
|
},
|
|
{
|
|
"id": "11.1.3",
|
|
"propertyName": "maxFileSize",
|
|
"helpText": "Sets the maximum size of each file that can be uploaded",
|
|
"label": "Max file size",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "File size in mb",
|
|
"inputType": "INTEGER"
|
|
},
|
|
{
|
|
"id": "11.1.4",
|
|
"propertyName": "allowedFileTypes",
|
|
"helpText": "Restricts the type of files which can be uploaded",
|
|
"label": "Allowed File Types",
|
|
"controlType": "MULTI_SELECT",
|
|
"placeholderText": "Select file types",
|
|
"options": [
|
|
{
|
|
"label": "Any File",
|
|
"value": "*"
|
|
},
|
|
{
|
|
"label": "Images",
|
|
"value": "image/*"
|
|
},
|
|
{
|
|
"label": "Videos",
|
|
"value": "video/*"
|
|
},
|
|
{
|
|
"label": "Audio",
|
|
"value": "audio/*"
|
|
},
|
|
{
|
|
"label": "Text",
|
|
"value": "text/*"
|
|
},
|
|
{
|
|
"label": "MS Word",
|
|
"value": ".doc"
|
|
},
|
|
{
|
|
"label": "JPEG",
|
|
"value": "image/jpeg"
|
|
},
|
|
{
|
|
"label": "PNG",
|
|
"value": ".png"
|
|
}
|
|
],
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "11.1.6",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "11.1.7",
|
|
"propertyName": "uploadedFileUrlPaths",
|
|
"helpText": "Stores the url of the uploaded file so that it can be referenced in an action later",
|
|
"label": "Uploaded File URLs",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter [ \"url1\", \"url2\" ]",
|
|
"inputType": "TEXT"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "11.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "11.2.1",
|
|
"helpText": "Triggers an action when the user selects a file. Upload files to a CDN here and store their urls in uploadedFileUrls",
|
|
"propertyName": "onFilesSelected",
|
|
"label": "onFilesSelected",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"CHECKBOX_WIDGET": [
|
|
{
|
|
"id": "9.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "9.1.1",
|
|
"propertyName": "label",
|
|
"label": "Label",
|
|
"controlType": "INPUT_TEXT",
|
|
"helpText": "Displays a label next to the widget",
|
|
"placeholderText": "Enter label text"
|
|
},
|
|
{
|
|
"id": "9.1.2",
|
|
"propertyName": "defaultCheckedState",
|
|
"label": "Default Selected",
|
|
"helpText": "Checks / un-checks the checkbox by default. Changes to the default selection update the widget state",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "9.1.4",
|
|
"propertyName": "isDisabled",
|
|
"label": "Disabled",
|
|
"controlType": "SWITCH",
|
|
"helpText": "Disables input to this widget",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "9.1.5",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9.2",
|
|
"sectionName": "Actions",
|
|
"children": [
|
|
{
|
|
"id": "9.2.1",
|
|
"helpText": "Triggers an action when the check state is changed",
|
|
"propertyName": "onCheckChange",
|
|
"label": "onCheckChange",
|
|
"controlType": "ACTION_SELECTOR",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"FORM_WIDGET": [
|
|
{
|
|
"id": "14.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "14.1.1",
|
|
"propertyName": "backgroundColor",
|
|
"label": "Background Color",
|
|
"helpText": "Use a html color name, HEX, RGB or RGBA value",
|
|
"placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
|
|
"controlType": "INPUT_TEXT"
|
|
},
|
|
{
|
|
"id": "14.1.2",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"propertyName": "isVisible",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
},
|
|
{
|
|
"id": "14.1.3",
|
|
"propertyName": "shouldScrollContents",
|
|
"label": "Scroll Contents",
|
|
"controlType": "SWITCH"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"TEXT_WIDGET": [
|
|
{
|
|
"id": "2.1",
|
|
"sectionName": "General",
|
|
"children": [
|
|
{
|
|
"id": "2.1.1",
|
|
"propertyName": "text",
|
|
"helpText": "Sets the text of the widget",
|
|
"label": "Text",
|
|
"controlType": "INPUT_TEXT",
|
|
"placeholderText": "Enter text"
|
|
},
|
|
{
|
|
"id": "2.1.3",
|
|
"propertyName": "textAlign",
|
|
"helpText": "Sets the alignments of the text",
|
|
"label": "Text Align",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Left",
|
|
"value": "LEFT"
|
|
},
|
|
{
|
|
"label": "Center",
|
|
"value": "CENTER"
|
|
},
|
|
{
|
|
"label": "Right",
|
|
"value": "RIGHT"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2.1.2",
|
|
"propertyName": "textStyle",
|
|
"helpText": "Sets the font and style of the text",
|
|
"label": "Text Style",
|
|
"controlType": "DROP_DOWN",
|
|
"options": [
|
|
{
|
|
"label": "Heading",
|
|
"value": "HEADING"
|
|
},
|
|
{
|
|
"label": "Label",
|
|
"value": "LABEL"
|
|
},
|
|
{
|
|
"label": "Body",
|
|
"value": "BODY"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2.1.3",
|
|
"propertyName": "shouldScroll",
|
|
"label": "Enable Scroll",
|
|
"helpText": "Allows scrolling text instead of truncation",
|
|
"controlType": "SWITCH"
|
|
},
|
|
{
|
|
"id": "2.1.4",
|
|
"propertyName": "isVisible",
|
|
"helpText": "Controls the visibility of the widget",
|
|
"label": "Visible",
|
|
"controlType": "SWITCH",
|
|
"isJSConvertible": true
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"name": "propertyPane",
|
|
"new": false
|
|
}
|
|
} |