3f9d2e8d8d
* callout component with story implemented * text className import fixed * callout color and background color fixed * storywrapper import fixed * fill property fixed * background prop added
1242 lines
36 KiB
TypeScript
1242 lines
36 KiB
TypeScript
import { PropertyPaneConfigsResponse } from "api/ConfigsApi";
|
|
|
|
const PropertyPaneConfigResponse: PropertyPaneConfigsResponse["data"] = {
|
|
// eslint-disable-next-line @typescript-eslint/ban-ts-ignore
|
|
// @ts-ignore
|
|
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.6",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "6.1.4",
|
|
propertyName: "isVisible",
|
|
label: "Visible",
|
|
helpText: "Controls the visibility of the widget",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "6.1.5",
|
|
propertyName: "isDisabled",
|
|
label: "Disabled",
|
|
helpText: "Disables input to this widget",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
sectionName: "Actions",
|
|
id: "6.2",
|
|
children: [
|
|
{
|
|
id: "6.2.1",
|
|
propertyName: "onDateSelected",
|
|
label: "onDateSelected",
|
|
controlType: "ACTION_SELECTOR",
|
|
isJSConvertible: true,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
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",
|
|
propertyName: "defaultSearchText",
|
|
label: "Default Search Text",
|
|
controlType: "INPUT_TEXT",
|
|
placeholderText: "Enter default search text",
|
|
},
|
|
{
|
|
id: "7.1.3",
|
|
helpText:
|
|
"Bind the Table.pageNo property in your API and call it onPageChange",
|
|
propertyName: "serverSidePaginationEnabled",
|
|
label: "Server Side Pagination",
|
|
controlType: "SWITCH",
|
|
},
|
|
{
|
|
id: "7.1.4",
|
|
helpText: "Controls the visibility of the widget",
|
|
propertyName: "isVisible",
|
|
isJSConvertible: true,
|
|
label: "Visible",
|
|
controlType: "SWITCH",
|
|
},
|
|
{
|
|
id: "7.1.5",
|
|
propertyName: "multiRowSelection",
|
|
label: "Enable multi row selection",
|
|
controlType: "SWITCH",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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,
|
|
},
|
|
{
|
|
id: "7.2.4",
|
|
propertyName: "onSearchTextChanged",
|
|
label: "onSearchTextChanged",
|
|
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.7",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "10.1.5",
|
|
helpText: "Controls the visibility of the widget",
|
|
propertyName: "isVisible",
|
|
label: "Visible",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "10.1.6",
|
|
propertyName: "isDisabled",
|
|
label: "Disabled",
|
|
helpText: "Disables input to this widget",
|
|
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: "defaultTab",
|
|
helpText: "Selects a tab name specified by default",
|
|
placeholderText: "Enter tab name",
|
|
label: "Default Tab",
|
|
controlType: "INPUT_TEXT",
|
|
},
|
|
{
|
|
id: "16.1.3",
|
|
propertyName: "shouldShowTabs",
|
|
helpText:
|
|
"Hides the tabs so that different widgets can be displayed based on the default tab",
|
|
label: "Show Tabs",
|
|
controlType: "SWITCH",
|
|
},
|
|
{
|
|
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,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
id: "16.2",
|
|
sectionName: "Actions",
|
|
children: [
|
|
{
|
|
id: "16.2.1",
|
|
helpText: "Triggers an action when the button is clicked",
|
|
propertyName: "onTabSelected",
|
|
label: "onTabSelected",
|
|
controlType: "ACTION_SELECTOR",
|
|
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: "Email",
|
|
value: "EMAIL",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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 Text",
|
|
controlType: "INPUT_TEXT",
|
|
placeholderText: "Enter default text",
|
|
},
|
|
{
|
|
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.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.10",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
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.8",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "8.1.6",
|
|
helpText: "Controls the visibility of the widget",
|
|
propertyName: "isVisible",
|
|
label: "Visible",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "8.1.7",
|
|
propertyName: "isDisabled",
|
|
label: "Disabled",
|
|
helpText: "Disables input to this widget",
|
|
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.4",
|
|
propertyName: "isVisible",
|
|
label: "Visible",
|
|
helpText: "Controls the visibility of the widget",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "1.1.3",
|
|
propertyName: "isDisabled",
|
|
label: "Disabled",
|
|
controlType: "SWITCH",
|
|
helpText: "Disables clicks to this widget",
|
|
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.9",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
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.1.8",
|
|
propertyName: "isDisabled",
|
|
label: "Disable",
|
|
helpText: "Disables input to this widget",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
],
|
|
},
|
|
{
|
|
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.6",
|
|
propertyName: "isRequired",
|
|
label: "Required",
|
|
helpText: "Makes input to the widget mandatory",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "9.1.5",
|
|
propertyName: "isVisible",
|
|
label: "Visible",
|
|
helpText: "Controls the visibility of the widget",
|
|
controlType: "SWITCH",
|
|
isJSConvertible: true,
|
|
},
|
|
{
|
|
id: "9.1.4",
|
|
propertyName: "isDisabled",
|
|
label: "Disabled",
|
|
controlType: "SWITCH",
|
|
helpText: "Disables input to this widget",
|
|
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,
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
};
|
|
|
|
export default PropertyPaneConfigResponse;
|