diff --git a/CODEOWNERS b/CODEOWNERS
index 0124f366ae..1d3430db57 100644
--- a/CODEOWNERS
+++ b/CODEOWNERS
@@ -116,8 +116,10 @@ app/server/appsmith-server/src/main/java/com/appsmith/server/helpers/GitCloudSer
app/server/appsmith-server/src/main/java/com/appsmith/server/helpers/GitDeployKeyGenerator.java @AnaghHegde @nayan-rafiq
app/server/appsmith-server/src/main/java/com/appsmith/server/helpers/GitFileUtils.java @AnaghHegde @nayan-rafiq
app/server/appsmith-server/src/main/java/com/appsmith/server/helpers/GitUtils.java @AnaghHegde @nayan-rafiq
+app/client/src/pages/Editor/gitSync/* @brayn003
-
+# DSL Package
+app/client/packages/dsl/* @brayn003
# Data Platform
@@ -215,7 +217,7 @@ app/client/cypress/e2e/Regression/ClientSide/Github/**/* @ankitakinger
app/client/cypress/e2e/Regression/ClientSide/FormLogin/**/* @ankitakinger
app/client/cypress/e2e/Regression/ClientSide/Auditlogs/**/* @ankitakinger
-#FE pod
+# FE pod
app/client/src/actions/evaluationActions.ts @ApekshaBhosale
app/client/src/ce/entities/DataTree/**/* @ApekshaBhosale
app/client/src/ce/entities/DependencyMap/**/* @ApekshaBhosale
diff --git a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PageOnLoad_spec.ts b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PageOnLoad_spec.ts
index 3e86e75dbb..472a08cdd1 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PageOnLoad_spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/OtherUIFeatures/PageOnLoad_spec.ts
@@ -20,7 +20,6 @@ describe("Check debugger logs state when there are onPageLoad actions", function
it("1. Check debugger logs state when there are onPageLoad actions", function () {
EditorNavigation.SelectEntityByName("Table1", EntityType.Widget);
- propPane.UpdatePropertyFieldValue("Table data", "{{TestApi.data.users}}");
apiPage.CreateAndFillApi(testdata.baseUrl + testdata.methods, "TestApi");
apiPage.RunAPI();
agHelper.GetNClick(explorer.addWidget);
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/ChartDataPoint_Spec.ts b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/ChartDataPoint_Spec.ts
index 75b1e83f12..eb8b9081e6 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/ChartDataPoint_Spec.ts
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Chart/ChartDataPoint_Spec.ts
@@ -62,7 +62,6 @@ describe("Input widget test with default value from chart datapoint", () => {
it("2. onDataPointClick should work and respond with x, y, seriesTitle, and rawEventData (in case of custom fusion chart).", () => {
agHelper.AddDsl("chartCustomSankeyDataDsl");
- assertHelper.AssertNetworkStatus("@updateLayout");
EditorNavigation.SelectEntityByName("Chart1", EntityType.Widget);
agHelper.Sleep(1500); //waiting for chart to load!
propPane.SelectPlatformFunction("onDataPointClick", "Show alert");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Datepicker/DatePickerV2_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Datepicker/DatePickerV2_spec.js
index d38c807af5..c68a627e5c 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Datepicker/DatePickerV2_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Datepicker/DatePickerV2_spec.js
@@ -120,7 +120,6 @@ describe("DatePicker Widget Property pane tests with js bindings", function () {
EditorNavigation.SelectEntityByName("DatePicker1", EntityType.Widget);
_.propPane.EnterJSContext("Min Date", "2021-01-01");
_.propPane.EnterJSContext("Max Date", "2021-10-10");
- _.propPane.EnterJSContext("Default Date", "");
cy.selectDateFormat("DD/MM/YYYY HH:mm");
_.propPane.EnterJSContext(
"Default Date",
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Form/FormData_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Form/FormData_spec.js
index 045f512d09..43065520d7 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/Form/FormData_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/Form/FormData_spec.js
@@ -6,11 +6,6 @@ describe("Form data", function () {
});
it("CheckboxGroupWidget, MultiSelectTreeWidget, MultiSelectWidgetV2, SelectWidget, SingleSelectTreeWidget, SwitchGroupWidget, PhoneInputWidget, InputWidgetV2 and CurrencyInputWidget should have value props of which values are not null or undefined to be included as a form data", function () {
- cy.wait("@updateLayout").should(
- "have.nested.property",
- "response.body.responseMeta.status",
- 200,
- );
// Check form data
cy.get("[data-testid='container-wrapper-vannrar7rd'] span")
.should("exist")
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV1/Table_FilteredTableData_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV1/Table_FilteredTableData_spec.js
index 9684210455..86d3c83219 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV1/Table_FilteredTableData_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV1/Table_FilteredTableData_spec.js
@@ -15,7 +15,6 @@ describe("Table Widget Filtered Table data in autocomplete", function () {
it("Table Widget Functionality To Filter and search data", function () {
cy.openPropertyPane("tablewidget");
- cy.wait("@updateLayout");
cy.get(publish.searchInput).first().type("query");
cy.get(publish.filterBtn).click();
cy.get(publish.attributeDropdown).click();
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/AddNewRow1_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/AddNewRow1_spec.js
index c095eeaa49..3aeb3886fa 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/AddNewRow1_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/AddNewRow1_spec.js
@@ -12,7 +12,7 @@ describe("Basic flow ", () => {
cy.get(".t--property-control-allowaddingarow").should("exist");
cy.get(".t--property-control-allowaddingarow input").should("exist");
cy.get(".t--add-new-row").should("not.exist");
- _.propPane.TogglePropertyState("Allow adding a row", "Off");
+ _.propPane.TogglePropertyState("Allow adding a row", "Off", null);
cy.get(".t--add-new-row").should("not.exist");
cy.get(".t--property-control-onsave").should("not.exist");
cy.get(".t--property-control-ondiscard").should("not.exist");
diff --git a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/TableV2_FilteredTableData_spec.js b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/TableV2_FilteredTableData_spec.js
index 1db1522a4a..c97a98c2c0 100644
--- a/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/TableV2_FilteredTableData_spec.js
+++ b/app/client/cypress/e2e/Regression/ClientSide/Widgets/TableV2/TableV2_FilteredTableData_spec.js
@@ -13,7 +13,6 @@ describe("Table Widget V2 Filtered Table data in autocomplete", function () {
before("Table Widget V2 Functionality", () => {
_.agHelper.AddDsl("tableV2AndTextDsl");
cy.openPropertyPane("tablewidgetv2");
- cy.wait("@updateLayout");
});
it("1. Table Widget V2 Functionality To Filter and search data", function () {
diff --git a/app/client/packages/dsl/.eslintrc.json b/app/client/packages/dsl/.eslintrc.json
index e57f842c13..ee3cbf002c 100644
--- a/app/client/packages/dsl/.eslintrc.json
+++ b/app/client/packages/dsl/.eslintrc.json
@@ -1,4 +1,9 @@
{
"extends": ["../../.eslintrc.base.json"],
- "ignorePatterns": ["build"]
+ "ignorePatterns": ["build"],
+ "rules": {
+ "@typescript-eslint/strict-boolean-expressions": "off",
+ "@typescript-eslint/no-explicit-any": "off",
+ "@typescript-eslint/prefer-nullish-coalescing": "off"
+ }
}
diff --git a/app/client/packages/dsl/package.json b/app/client/packages/dsl/package.json
index 1b7f512415..026d96ea78 100644
--- a/app/client/packages/dsl/package.json
+++ b/app/client/packages/dsl/package.json
@@ -24,6 +24,7 @@
"typescript": "4.5.5"
},
"devDependencies": {
+ "@rollup/plugin-json": "^6.0.0",
"jest": "^29.5.0",
"ts-jest": "^29.1.0"
}
diff --git a/app/client/packages/dsl/rollup.config.js b/app/client/packages/dsl/rollup.config.js
index d3e6016f92..6b638ab5cc 100644
--- a/app/client/packages/dsl/rollup.config.js
+++ b/app/client/packages/dsl/rollup.config.js
@@ -3,6 +3,7 @@ import commonjs from "@rollup/plugin-commonjs";
import typescript from "rollup-plugin-typescript2";
import generatePackageJson from "rollup-plugin-generate-package-json";
import packageJson from "./package.json";
+import json from "@rollup/plugin-json";
export default {
// TODO: Figure out regex where each directory can be a separate module without having to manually add them
@@ -25,6 +26,7 @@ export default {
typescript({
useTsconfigDeclarationDir: true,
}),
+ json(),
generatePackageJson({
baseContents: (pkg) => ({
...pkg,
diff --git a/app/client/packages/dsl/src/index.ts b/app/client/packages/dsl/src/index.ts
index ae32dd46c2..6696835075 100644
--- a/app/client/packages/dsl/src/index.ts
+++ b/app/client/packages/dsl/src/index.ts
@@ -1,5 +1,4 @@
-export { nestDSL, flattenDSL } from "./DSL";
-export { ROOT_CONTAINER_WIDGET_ID } from "./constants";
+export { nestDSL, flattenDSL, ROOT_CONTAINER_WIDGET_ID } from "./transform";
export type {
NestedDSLWidget,
@@ -7,4 +6,8 @@ export type {
FlattenedDSLWidget,
FlattenedDSL,
FlattenedDSLEntities,
-} from "./DSL";
+} from "./transform";
+
+export { migrateDSL, LATEST_DSL_VERSION } from "./migrate";
+
+export type { DSLWidget } from "./migrate/types";
diff --git a/app/client/packages/dsl/src/migrate/helpers/widget-configs.json b/app/client/packages/dsl/src/migrate/helpers/widget-configs.json
new file mode 100644
index 0000000000..04abdaa6ae
--- /dev/null
+++ b/app/client/packages/dsl/src/migrate/helpers/widget-configs.json
@@ -0,0 +1,61315 @@
+{
+ "CANVAS_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "helpText": "Enter value for border width",
+ "propertyName": "borderWidth",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "SKELETON_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "CONTAINER_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "helpText": "Enter value for border width",
+ "propertyName": "borderWidth",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "TEXT_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "text",
+ "helpText": "Sets the text of the widget",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "limitLineBreaks": true
+ }
+ }
+ },
+ {
+ "propertyName": "overflow",
+ "label": "Overflow Text",
+ "helpText": "Controls the text behavior when length of text exceeds",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Scroll",
+ "value": "SCROLL"
+ },
+ {
+ "label": "Truncate",
+ "value": "TRUNCATE"
+ },
+ {
+ "label": "None",
+ "value": "NONE"
+ }
+ ],
+ "defaultValue": "NONE",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "disableLink",
+ "helpText": "Controls parsing text as Link",
+ "label": "Disable link",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "fontFamily",
+ "label": "Font family",
+ "helpText": "Controls the font family being used",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "System Default",
+ "value": "System Default"
+ },
+ {
+ "label": "Nunito Sans",
+ "value": "Nunito Sans"
+ },
+ {
+ "label": "Poppins",
+ "value": "Poppins"
+ },
+ {
+ "label": "Inter",
+ "value": "Inter"
+ },
+ {
+ "label": "Montserrat",
+ "value": "Montserrat"
+ },
+ {
+ "label": "Noto Sans",
+ "value": "Noto Sans"
+ },
+ {
+ "label": "Open Sans",
+ "value": "Open Sans"
+ },
+ {
+ "label": "Roboto",
+ "value": "Roboto"
+ },
+ {
+ "label": "Rubik",
+ "value": "Rubik"
+ },
+ {
+ "label": "Ubuntu",
+ "value": "Ubuntu"
+ }
+ ],
+ "defaultValue": "System Default",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "fontSize",
+ "label": "Font size",
+ "helpText": "Controls the size of the font used",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "1rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "textColor",
+ "label": "Text color",
+ "helpText": "Controls the color of the text displayed",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "helpText": "Background color of the text added",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {},
+ "expected": {
+ "type": "string (HTML color name or HEX value)",
+ "example": "red | #9C0D38",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "truncateButtonColor",
+ "label": "Truncate button color",
+ "helpText": "Controls the color of the truncate button",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["overflow"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Text formatting",
+ "children": [
+ {
+ "propertyName": "textAlign",
+ "label": "Alignment",
+ "helpText": "Controls the horizontal alignment of the text",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "LEFT"
+ },
+ {
+ "startIcon": "align-center",
+ "value": "CENTER"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "RIGHT"
+ }
+ ],
+ "defaultValue": "LEFT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "fontStyle",
+ "label": "Emphasis",
+ "helpText": "Controls the font emphasis of the text displayed",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "helpText": "Enter value for border width which can also use as margin",
+ "propertyName": "borderWidth",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "TABLE_WIDGET": {
+ "propertyPaneConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "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": "[{ \"name\": \"John\" }]",
+ "inputType": "ARRAY",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "OBJECT_ARRAY",
+ "params": {
+ "default": []
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "id": "j5qw4duqpm"
+ },
+ {
+ "helpText": "Columns",
+ "propertyName": "primaryColumns",
+ "controlType": "PRIMARY_COLUMNS",
+ "label": "Columns",
+ "dependencies": [
+ "derivedColumns",
+ "columnOrder",
+ "childStylesheet"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Unique column names",
+ "example": "abc",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function uniqueColumnNameValidation(value, props, _) {\n var tableColumns = _.map(value, \"label\");\n var duplicates = tableColumns.filter(function (val, index, arr) {\n return arr.indexOf(val) !== index;\n });\n var hasError = !!duplicates.length;\n if (value && hasError) {\n return {\n isValid: false,\n parsed: value,\n messages: [\"Column names should be unique.\"]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: []\n };\n}"
+ }
+ },
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "children": [
+ {
+ "sectionName": "Column Control",
+ "children": [
+ {
+ "propertyName": "columnType",
+ "label": "Column type",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "COMPUTE_VALUE",
+ "options": [
+ {
+ "label": "Plain text",
+ "value": "text"
+ },
+ {
+ "label": "URL",
+ "value": "url"
+ },
+ {
+ "label": "Number",
+ "value": "number"
+ },
+ {
+ "label": "Image",
+ "value": "image"
+ },
+ {
+ "label": "Video",
+ "value": "video"
+ },
+ {
+ "label": "Date",
+ "value": "date"
+ },
+ {
+ "label": "Button",
+ "value": "button"
+ },
+ {
+ "label": "Menu button",
+ "value": "menuButton"
+ },
+ {
+ "label": "Icon button",
+ "value": "iconButton"
+ }
+ ],
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder",
+ "childStylesheet"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "acqrx65qrw"
+ },
+ {
+ "propertyName": "displayText",
+ "label": "Display text",
+ "controlType": "COMPUTE_VALUE",
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "iyerolcg8a"
+ },
+ {
+ "helpText": "The value computed & shown in each cell. Use {{currentRow}} to reference each row in the table. This property is not accessible outside the column settings.",
+ "propertyName": "computedValue",
+ "label": "Computed value",
+ "controlType": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "id": "zdrq8x937x"
+ },
+ {
+ "propertyName": "isCellVisible",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnType"
+ ],
+ "label": "Visible",
+ "helpText": "Controls the visibility of the cell in the column",
+ "defaultValue": true,
+ "controlType": "SWITCH",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "BOOLEAN"
+ }
+ },
+ "id": "eez4rn1l3k"
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "defaultValue": false,
+ "controlType": "SWITCH",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "BOOLEAN"
+ }
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "q43r2jjvjq"
+ },
+ {
+ "propertyName": "isCompact",
+ "helpText": "Decides if menu items will consume lesser space",
+ "label": "Compact",
+ "controlType": "SWITCH",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "BOOLEAN"
+ }
+ },
+ "isTriggerProperty": false,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "csblo22phi"
+ },
+ {
+ "propertyName": "inputFormat",
+ "label": "Original Date Format",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "UNIX timestamp (s)",
+ "value": "Epoch"
+ },
+ {
+ "label": "UNIX timestamp (ms)",
+ "value": "Milliseconds"
+ },
+ {
+ "label": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.SSSZ"
+ },
+ {
+ "label": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "YYYY-MM-DD hh:mm:ss",
+ "value": "YYYY-MM-DD hh:mm:ss"
+ },
+ {
+ "label": "Do MMM YYYY",
+ "value": "Do MMM YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "defaultValue": "YYYY-MM-DD HH:mm",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "YYYY-MM-DDTHH:mm:ss.SSSZ",
+ "Epoch",
+ "Milliseconds",
+ "YYYY-MM-DD",
+ "YYYY-MM-DD HH:mm",
+ "YYYY-MM-DDTHH:mm:ss.sssZ",
+ "YYYY-MM-DDTHH:mm:ss",
+ "YYYY-MM-DD hh:mm:ss",
+ "Do MMM YYYY",
+ "DD/MM/YYYY",
+ "DD/MM/YYYY HH:mm",
+ "LLL",
+ "LL",
+ "D MMMM, YYYY",
+ "H:mm A D MMMM, YYYY",
+ "MM-DD-YYYY",
+ "DD-MM-YYYY",
+ "MM/DD/YYYY",
+ "DD/MM/YYYY",
+ "DD/MM/YY",
+ "MM/DD/YY"
+ ]
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "fegw857tsj"
+ },
+ {
+ "propertyName": "outputFormat",
+ "label": "Display Date Format",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "options": [
+ {
+ "label": "UNIX timestamp (s)",
+ "value": "Epoch"
+ },
+ {
+ "label": "UNIX timestamp (ms)",
+ "value": "Milliseconds"
+ },
+ {
+ "label": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.SSSZ"
+ },
+ {
+ "label": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "YYYY-MM-DD hh:mm:ss",
+ "value": "YYYY-MM-DD hh:mm:ss"
+ },
+ {
+ "label": "Do MMM YYYY",
+ "value": "Do MMM YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "defaultValue": "YYYY-MM-DD HH:mm",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnType"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "YYYY-MM-DDTHH:mm:ss.SSSZ",
+ "Epoch",
+ "Milliseconds",
+ "YYYY-MM-DD",
+ "YYYY-MM-DD HH:mm",
+ "YYYY-MM-DDTHH:mm:ss.sssZ",
+ "YYYY-MM-DDTHH:mm:ss",
+ "YYYY-MM-DD hh:mm:ss",
+ "Do MMM YYYY",
+ "DD/MM/YYYY",
+ "DD/MM/YYYY HH:mm",
+ "LLL",
+ "LL",
+ "D MMMM, YYYY",
+ "H:mm A D MMMM, YYYY",
+ "MM-DD-YYYY",
+ "DD-MM-YYYY",
+ "MM/DD/YYYY",
+ "DD/MM/YYYY",
+ "DD/MM/YY",
+ "MM/DD/YY"
+ ]
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "hw9gkspm5v"
+ },
+ {
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "r04v2xb5iv"
+ }
+ ],
+ "id": "yn3ysih7xe"
+ },
+ {
+ "sectionName": "Styles",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "children": [
+ {
+ "propertyName": "horizontalAlignment",
+ "label": "Text align",
+ "controlType": "ICON_TABS",
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "LEFT"
+ },
+ {
+ "startIcon": "align-center",
+ "value": "CENTER"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "RIGHT"
+ }
+ ],
+ "defaultValue": "LEFT",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["LEFT", "CENTER", "RIGHT"]
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "xyd9kqo1en"
+ },
+ {
+ "propertyName": "textSize",
+ "label": "Text size",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ }
+ ],
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT"
+ }
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "id": "5h7xexl8tc"
+ },
+ {
+ "propertyName": "fontStyle",
+ "label": "Font Style",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ },
+ {
+ "icon": "text-underline",
+ "value": "UNDERLINE"
+ }
+ ],
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT"
+ }
+ },
+ "id": "03l1we2ap2"
+ },
+ {
+ "propertyName": "verticalAlignment",
+ "label": "Vertical alignment",
+ "controlType": "ICON_TABS",
+ "options": [
+ {
+ "startIcon": "vertical-align-top",
+ "value": "TOP"
+ },
+ {
+ "startIcon": "vertical-align-middle",
+ "value": "CENTER"
+ },
+ {
+ "startIcon": "vertical-align-bottom",
+ "value": "BOTTOM"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["TOP", "CENTER", "BOTTOM"]
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "823qkw36dw"
+ },
+ {
+ "propertyName": "textColor",
+ "label": "Text color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "dks3x828rt"
+ },
+ {
+ "propertyName": "cellBackground",
+ "label": "Cell Background",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "xxyxqle2jp"
+ }
+ ],
+ "id": "higuch2vy1"
+ },
+ {
+ "sectionName": "Button Properties",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for the icon button",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "controlType": "ICON_SELECT",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ }
+ },
+ "id": "geov3jro97"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Icon Alignment",
+ "helpText": "Sets the icon alignment of the menu button",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ },
+ "id": "w679ttdpy0"
+ },
+ {
+ "propertyName": "buttonLabel",
+ "label": "Label",
+ "controlType": "COMPUTE_VALUE",
+ "defaultValue": "Action",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "id": "4m24qo0zgd"
+ },
+ {
+ "propertyName": "menuButtonLabel",
+ "label": "Label",
+ "controlType": "COMPUTE_VALUE",
+ "defaultValue": "Open Menu",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "id": "7ztruk6bg7"
+ },
+ {
+ "propertyName": "buttonColor",
+ "label": "Button color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "helpText": "Changes the color of the button",
+ "isJSConvertible": true,
+ "customJSControl": "COMPUTE_VALUE",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ "isTriggerProperty": false,
+ "id": "clt0n2f08n"
+ },
+ {
+ "propertyName": "buttonVariant",
+ "label": "Button variant",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "COMPUTE_VALUE",
+ "defaultValue": "PRIMARY",
+ "isJSConvertible": true,
+ "helpText": "Sets the variant",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "default": "PRIMARY",
+ "allowedValues": [
+ "PRIMARY",
+ "SECONDARY",
+ "TERTIARY"
+ ]
+ }
+ }
+ },
+ "id": "daiig46u7w"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT"
+ }
+ },
+ "id": "ew48svr1c2"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT"
+ }
+ },
+ "id": "d1lpnjkxyu"
+ },
+ {
+ "propertyName": "menuColor",
+ "helpText": "Sets the custom color preset based on the menu button variant",
+ "label": "Menu Color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "customJSControl": "COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "etl0rd7k1b"
+ },
+ {
+ "propertyName": "menuVariant",
+ "label": "Menu Variant",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets the variant of the menu button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "default": "PRIMARY",
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"]
+ }
+ },
+ "id": "31b8p1w59w"
+ },
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "zb4i8jh21f"
+ }
+ ],
+ "id": "cuzk44cblk"
+ },
+ {
+ "sectionName": "Menu items",
+ "children": [
+ {
+ "helpText": "Menu items",
+ "propertyName": "menuItems",
+ "controlType": "MENU_ITEMS",
+ "label": "",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["derivedColumns", "columnOrder"],
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "children": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu item",
+ "label": "Label",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "oq3c2kt7m8"
+ },
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of a menu item",
+ "label": "Background color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "xmnrueb3hn"
+ },
+ {
+ "propertyName": "textColor",
+ "helpText": "Sets the text color of a menu item",
+ "label": "Text color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "47mv9ychwi"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "zxxtav1dkt"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "uro66vsgv1"
+ }
+ ],
+ "id": "iemrtuwzf4"
+ },
+ {
+ "sectionName": "Icon Options",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for a menu item",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "2kcy8y3anl"
+ },
+ {
+ "propertyName": "iconColor",
+ "helpText": "Sets the icon color of a menu item",
+ "label": "Icon color",
+ "controlType": "PRIMARY_COLUMNS_COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "bkfphnn5u4"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Icon alignment",
+ "helpText": "Sets the icon alignment of a menu item",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "urmr1uq56v"
+ }
+ ],
+ "id": "0m8s7vj2qn"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the menu item is clicked",
+ "propertyName": "onClick",
+ "label": "onItemClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "primaryColumns",
+ "derivedColumns",
+ "columnOrder"
+ ],
+ "id": "3csdzlh9py"
+ }
+ ],
+ "id": "aekjevumnc"
+ }
+ ]
+ },
+ "id": "1ypf52ekj3"
+ }
+ ],
+ "id": "w4emqtkgi8"
+ }
+ ]
+ },
+ "id": "67jkhqegzb"
+ },
+ {
+ "helpText": "Assigns a unique column which helps maintain selectedRows and triggeredRows based on value",
+ "propertyName": "primaryColumnId",
+ "dependencies": ["primaryColumns"],
+ "label": "Primary key column",
+ "controlType": "PRIMARY_COLUMNS_DROPDOWN",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "vr90xc4twi"
+ },
+ {
+ "propertyName": "defaultSearchText",
+ "label": "Default search text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{{appsmith.user.name}}",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "up1gitn8x8"
+ },
+ {
+ "helpText": "Selects row(s) by default",
+ "propertyName": "defaultSelectedRow",
+ "label": "Default selected row",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "0",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Index of row(s)",
+ "example": "0 | [0, 1]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultSelectedRowValidation(value, props, _) {\n if (props) {\n if (props.multiRowSelection) {\n if (_.isString(value)) {\n var trimmed = value.trim();\n try {\n var parsedArray = JSON.parse(trimmed);\n if (Array.isArray(parsedArray)) {\n var sanitized = parsedArray.filter(function (entry) {\n return Number.isInteger(parseInt(entry, 10)) && parseInt(entry, 10) > -1;\n });\n return {\n isValid: true,\n parsed: sanitized\n };\n } else {\n throw Error(\"Not a stringified array\");\n }\n } catch (e) {\n // If cannot be parsed as an array\n var arrayEntries = trimmed.split(\",\");\n var result = [];\n arrayEntries.forEach(function (entry) {\n if (Number.isInteger(parseInt(entry, 10)) && parseInt(entry, 10) > -1) {\n if (!_.isNil(entry)) result.push(parseInt(entry, 10));\n }\n });\n return {\n isValid: true,\n parsed: result\n };\n }\n }\n if (Array.isArray(value)) {\n var _sanitized = value.filter(function (entry) {\n return Number.isInteger(parseInt(entry, 10)) && parseInt(entry, 10) > -1;\n });\n return {\n isValid: true,\n parsed: _sanitized\n };\n }\n if (Number.isInteger(value) && value > -1) {\n return {\n isValid: true,\n parsed: [value]\n };\n }\n return {\n isValid: false,\n parsed: [],\n message: \"This value does not match type: number[]\"\n };\n } else {\n try {\n var _value = value;\n if (_value === \"\") {\n return {\n isValid: true,\n parsed: undefined\n };\n }\n if (Number.isInteger(parseInt(_value, 10)) && parseInt(_value, 10) > -1) return {\n isValid: true,\n parsed: parseInt(_value, 10)\n };\n return {\n isValid: true,\n parsed: -1\n };\n } catch (e) {\n return {\n isValid: true,\n parsed: -1\n };\n }\n }\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": ["multiRowSelection"],
+ "id": "7sdmn7z1er"
+ },
+ {
+ "propertyName": "compactMode",
+ "helpText": "Selects row height",
+ "label": "Default row height",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "DEFAULT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Short",
+ "value": "SHORT"
+ },
+ {
+ "label": "Default",
+ "value": "DEFAULT"
+ },
+ {
+ "label": "Tall",
+ "value": "TALL"
+ }
+ ],
+ "id": "5wmzukqjmd"
+ },
+ {
+ "helpText": "Bind the Table.pageNo property in your API and call it onPageChange",
+ "propertyName": "serverSidePaginationEnabled",
+ "label": "Server side pagination",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "6nsik3brf6"
+ },
+ {
+ "helpText": "It stores the total no. of rows in the table. Helps in calculating the no. of pages that further allows to enable or disable the next/previous control in pagination.",
+ "propertyName": "totalRecordsCount",
+ "label": "Total Record Count",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter total record count",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Number",
+ "example": "10",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function totalRecordsCountValidation(value, props, _) {\n if (_.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: 0,\n message: \"\"\n };\n }\n if (!Number.isFinite(value) && !_.isString(value)) {\n return {\n isValid: false,\n parsed: 0,\n message: \"This value must be a number\"\n };\n }\n if (_.isString(value) && !/^\\d+\\.?\\d*$/.test(value)) {\n return {\n isValid: false,\n parsed: 0,\n message: \"This value must be a number\"\n };\n }\n return {\n isValid: true,\n parsed: Number(value),\n message: \"\"\n };\n}"
+ }
+ },
+ "dependencies": ["serverSidePaginationEnabled"],
+ "id": "26xsw8wp0l"
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "isJSConvertible": true,
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "aktix16mkw"
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "rial11aey2"
+ },
+ {
+ "helpText": "Controls sorting in View Mode",
+ "propertyName": "isSortable",
+ "isJSConvertible": true,
+ "label": "Sortable",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "id": "lug72nud8j"
+ },
+ {
+ "propertyName": "multiRowSelection",
+ "label": "Enable multi row selection",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "29jdklugvm"
+ },
+ {
+ "propertyName": "enableClientSideSearch",
+ "label": "Enable client side search",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "wah0doia88"
+ }
+ ],
+ "id": "w5173y524o"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a table row is selected",
+ "propertyName": "onRowSelected",
+ "label": "onRowSelected",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "98pxr1d4cx"
+ },
+ {
+ "helpText": "when a table page is changed",
+ "propertyName": "onPageChange",
+ "label": "onPageChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "9cz6kho1yk"
+ },
+ {
+ "helpText": "when a table page size is changed",
+ "propertyName": "onPageSizeChange",
+ "label": "onPageSizeChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "2f060cwl5b"
+ },
+ {
+ "propertyName": "onSearchTextChanged",
+ "label": "onSearchTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "rgaz3el2tr"
+ },
+ {
+ "helpText": "when a table column is sorted",
+ "propertyName": "onSort",
+ "label": "onSort",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "ta7qqappfg"
+ }
+ ],
+ "id": "1lwnu7mp8z"
+ },
+ {
+ "sectionName": "Header options",
+ "children": [
+ {
+ "helpText": "Toggle visibility of the search box",
+ "propertyName": "isVisibleSearch",
+ "label": "Search",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "yj2erataw8"
+ },
+ {
+ "helpText": "Toggle visibility of the filters",
+ "propertyName": "isVisibleFilters",
+ "label": "Filters",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "c87jcfwgty"
+ },
+ {
+ "helpText": "Toggle visibility of the data download",
+ "propertyName": "isVisibleDownload",
+ "label": "Download",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "3ymo3oov1y"
+ },
+ {
+ "helpText": "Toggle visibility of the pagination",
+ "propertyName": "isVisiblePagination",
+ "label": "Pagination",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "p4kthsv0wk"
+ },
+ {
+ "propertyName": "delimiter",
+ "label": "CSV separator",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter CSV separator",
+ "helpText": "The character used for separating the CSV download file.",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "defaultValue": ",",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["isVisibleDownload"],
+ "id": "60rianxjoy"
+ }
+ ],
+ "id": "zav0ff8gi2"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "cellBackground",
+ "label": "Cell background color",
+ "controlType": "COLOR_PICKER",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "8z5f7tro7t"
+ },
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true,
+ "id": "t5l7ol0p72"
+ },
+ {
+ "propertyName": "textColor",
+ "label": "Text color",
+ "controlType": "COLOR_PICKER",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "gmd88ssaat"
+ },
+ {
+ "propertyName": "textSize",
+ "label": "Text size",
+ "controlType": "DROP_DOWN",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "ifiyt81gkr"
+ },
+ {
+ "propertyName": "fontStyle",
+ "label": "Font Style",
+ "controlType": "BUTTON_GROUP",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "fsnk92fsgh"
+ },
+ {
+ "propertyName": "horizontalAlignment",
+ "label": "Text align",
+ "controlType": "ICON_TABS",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "LEFT"
+ },
+ {
+ "startIcon": "align-center",
+ "value": "CENTER"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "RIGHT"
+ }
+ ],
+ "defaultValue": "LEFT",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "q41arx9qci"
+ },
+ {
+ "propertyName": "verticalAlignment",
+ "label": "Vertical alignment",
+ "controlType": "ICON_TABS",
+ "dependencies": ["primaryColumns", "derivedColumns"],
+ "options": [
+ {
+ "startIcon": "vertical-align-top",
+ "value": "TOP"
+ },
+ {
+ "startIcon": "vertical-align-middle",
+ "value": "CENTER"
+ },
+ {
+ "startIcon": "vertical-align-bottom",
+ "value": "BOTTOM"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "13p4k09vyg"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "cc0sllqqlr"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "z3mehinv69"
+ }
+ ],
+ "id": "hkx7f3x62x"
+ }
+ ],
+ "propertyPaneContentConfig": [],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "CHECKBOX_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "helpText": "Displays a label next to the widget",
+ "placeholderText": "I agree to the T&C",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Right",
+ "value": "Right"
+ }
+ ],
+ "defaultValue": "Left",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the alignment of the widget",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "LEFT"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "RIGHT"
+ }
+ ],
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "defaultCheckedState",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables input to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the checked state color of the checkbox",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 2,
+ "active": true
+ }
+ }
+ },
+ "RADIO_GROUP_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Displays a list of unique options",
+ "propertyName": "options",
+ "label": "Options",
+ "controlType": "OPTION_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Sets a default selected option",
+ "propertyName": "defaultOptionValue",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isInline",
+ "helpText": "Whether the radio buttons are to be displayed inline horizontally",
+ "label": "Inline",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a user changes the selected option",
+ "propertyName": "onSelectionChange",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "alignment",
+ "helpText": "Sets the alignment of the widget",
+ "label": "Alignment",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color of the widget",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "active": true
+ }
+ }
+ },
+ "BUTTON_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Basic",
+ "children": [
+ {
+ "propertyName": "text",
+ "label": "Label",
+ "helpText": "Sets the label of the button",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Submit",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show helper text with button on hover",
+ "propertyName": "tooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Submits Form",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables clicks to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "googleRecaptchaKey",
+ "label": "Google reCAPTCHA key",
+ "helpText": "Sets Google reCAPTCHA site key for the button",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "reCAPTCHA Key",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "recaptchaType",
+ "label": "Google reCAPTCHA version",
+ "controlType": "DROP_DOWN",
+ "helpText": "Select reCAPTCHA version",
+ "options": [
+ {
+ "label": "reCAPTCHA v3",
+ "value": "V3"
+ },
+ {
+ "label": "reCAPTCHA v2",
+ "value": "V2"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["V3", "V2"],
+ "default": "V3"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Form settings",
+ "children": [
+ {
+ "helpText": "Disabled if the form is invalid, if this widget exists directly within a Form widget.",
+ "propertyName": "disabledWhenInvalid",
+ "label": "Disabled invalid forms",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Resets the fields of the form, on click, if this widget exists directly within a Form widget.",
+ "propertyName": "resetFormOnClick",
+ "label": "Reset form on success",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "buttonVariant",
+ "label": "Button variant",
+ "controlType": "ICON_TABS",
+ "defaultValue": "PRIMARY",
+ "fullWidth": true,
+ "helpText": "Sets the variant of the icon button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Select icon",
+ "helpText": "Sets the icon to be used for the button",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["iconAlign"],
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of the button",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ }
+ },
+ {
+ "propertyName": "placement",
+ "label": "Placement",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the space between items",
+ "options": [
+ {
+ "label": "Start",
+ "value": "START"
+ },
+ {
+ "label": "Between",
+ "value": "BETWEEN"
+ },
+ {
+ "label": "Center",
+ "value": "CENTER"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["START", "BETWEEN", "CENTER"],
+ "default": "CENTER"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "buttonColor",
+ "helpText": "Changes the color of the button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isBindProperty": true,
+ "isJSConvertible": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "IMAGE_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Sets the image to be displayed",
+ "propertyName": "image",
+ "label": "Image",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "URL / Base64",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "IMAGE_URL"
+ }
+ },
+ {
+ "helpText": "Sets the default image to be displayed when load fails",
+ "propertyName": "defaultImage",
+ "label": "Default image",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "URL / Base64",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "IMAGE_URL"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Sets how the Image should be resized to fit its container.",
+ "propertyName": "objectFit",
+ "label": "Object fit",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "contain",
+ "options": [
+ {
+ "label": "Contain",
+ "value": "contain"
+ },
+ {
+ "label": "Cover",
+ "value": "cover"
+ },
+ {
+ "label": "Auto",
+ "value": "auto"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["contain", "cover", "auto"]
+ }
+ }
+ },
+ {
+ "helpText": "Controls the max zoom of the widget",
+ "propertyName": "maxZoomLevel",
+ "label": "Max zoom level",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "1x (No Zoom)",
+ "value": 1
+ },
+ {
+ "label": "2x",
+ "value": 2
+ },
+ {
+ "label": "4x",
+ "value": 4
+ },
+ {
+ "label": "8x",
+ "value": 8
+ },
+ {
+ "label": "16x",
+ "value": 16
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "allowedValues": [1, 2, 4, 8, 16]
+ }
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls if the image is allowed to rotate",
+ "propertyName": "enableRotation",
+ "label": "Enable rotation",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls if the image is allowed to download",
+ "propertyName": "enableDownload",
+ "label": "Enable download",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when user clicks on an image",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "VIDEO_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "url",
+ "label": "URL",
+ "helpText": "Link to the video file which should be played",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter URL",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {},
+ "expected": {
+ "type": "Video URL",
+ "example": "https://assets.appsmith.com/widgets/bird.mp4",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "autoPlay",
+ "label": "Autoplay",
+ "helpText": "Video will be automatically played, by enabling this feature, video will be muted by default.",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the video is played",
+ "propertyName": "onPlay",
+ "label": "onPlay",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the video is paused",
+ "propertyName": "onPause",
+ "label": "onPause",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the video ends",
+ "propertyName": "onEnd",
+ "label": "onEnd",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of the widget",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "TABS_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "tabsObj",
+ "isJSConvertible": false,
+ "label": "Tabs",
+ "helpText": "Tabs",
+ "controlType": "TABS_INPUT",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "children": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the tab",
+ "controlType": "SWITCH",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ]
+ }
+ },
+ {
+ "propertyName": "defaultTab",
+ "helpText": "Selects a tab name specified by default",
+ "placeholderText": "Tab 1",
+ "label": "Default tab",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Tab Name (string)",
+ "example": "Tab 1",
+ "autocompleteDataType": "STRING"
+ }
+ },
+ "dependentPaths": ["tabsObj", "tabs"]
+ },
+ "dependencies": ["tabsObj", "tabs"]
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shouldShowTabs",
+ "helpText": "Hides the tabs so that different widgets can be displayed based on the default tab",
+ "label": "Show tabs",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onTabSelected",
+ "label": "onTabSelected",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Colors, Borders and Shadows",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the color of the selected tab's underline ",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Enter value for border width",
+ "propertyName": "borderWidth",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 1,
+ "active": true
+ }
+ }
+ },
+ "MODAL_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "canOutsideClickClose",
+ "label": "Quick Dismiss",
+ "helpText": "Allows dismissing the modal when user taps outside",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the modal is closed",
+ "propertyName": "onClose",
+ "label": "onClose",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of the widget",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "CHART_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "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"
+ },
+ {
+ "label": "Custom EChart",
+ "value": "CUSTOM_ECHART"
+ },
+ {
+ "label": "Custom Fusion Charts (deprecated)",
+ "value": "CUSTOM_FUSION_CHART"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "LINE_CHART",
+ "BAR_CHART",
+ "PIE_CHART",
+ "COLUMN_CHART",
+ "AREA_CHART",
+ "CUSTOM_ECHART",
+ "CUSTOM_FUSION_CHART"
+ ]
+ }
+ }
+ },
+ {
+ "helpText": "Configure a custom ECHART see docs.appsmith.com",
+ "placeholderText": "Custom ECharts Configuration",
+ "propertyName": "customEChartConfig",
+ "label": "Custom ECharts Configuration",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "OBJECT",
+ "params": {
+ "default": {}
+ }
+ },
+ "dependencies": ["chartType"]
+ },
+ {
+ "helpText": "Configure a custom FusionChart see docs.appsmith.com",
+ "placeholderText": "Fusion Chart Config",
+ "propertyName": "customFusionChartConfig",
+ "label": "Custom fusion chart",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "OBJECT",
+ "params": {
+ "default": {},
+ "allowedKeys": [
+ {
+ "type": "TEXT",
+ "name": "type",
+ "params": {
+ "allowedValues": [
+ "area2d",
+ "bar2d",
+ "bar3d",
+ "boxandwhisker2d",
+ "candlestick",
+ "chord",
+ "dragnode",
+ "dragarea",
+ "dragcolumn2d",
+ "dragline",
+ "errorbar2d",
+ "errorline",
+ "errorscatter",
+ "funnel",
+ "gantt",
+ "heatmap",
+ "hbullet",
+ "hled",
+ "InverseMSArea",
+ "InverseMSColumn2D",
+ "InverseMSLine",
+ "LogMSColumn2D",
+ "LogMSLine",
+ "MultiAxisLine",
+ "multilevelpie",
+ "overlappedcolumn2d",
+ "overlappedbar2d",
+ "pyramid",
+ "radar",
+ "angulargauge",
+ "realtimearea",
+ "bulb",
+ "realtimecolumn",
+ "cylinder",
+ "hlineargauge",
+ "realtimeline",
+ "realtimelinedy",
+ "realtimestackedarea",
+ "realtimestackedcolumn",
+ "thermometer",
+ "sankey",
+ "selectscatter",
+ "sparkcolumn",
+ "sparkline",
+ "sparkwinloss",
+ "msstepline",
+ "sunburst",
+ "treemap",
+ "vbullet",
+ "vled",
+ "waterfall2d",
+ "zoomline",
+ "zoomlinedy",
+ "zoomscatter",
+ "column2d",
+ "column3d",
+ "line",
+ "area",
+ "bar2d",
+ "bar3d",
+ "pie2d",
+ "pie3d",
+ "doughnut2d",
+ "doughnut3d",
+ "pareto2d",
+ "pareto3d",
+ "scrollcombidy2d",
+ "scrollcombi2d",
+ "scrollstackedcolumn2d",
+ "scrollmsstackedcolumn2d",
+ "scrollmsstackedcolumn2dlinedy",
+ "scrollstackedbar2d",
+ "scrollarea2d",
+ "scrollline2d",
+ "scrollcolumn2d",
+ "scrollbar2d",
+ "bubble",
+ "scatter",
+ "msstackedcolumn2d",
+ "stackedarea2d",
+ "stackedbar3d",
+ "stackedbar2d",
+ "stackedcolumn3d",
+ "stackedcolumn2d",
+ "msstackedcolumn2dlinedy",
+ "stackedcolumn3dlinedy",
+ "mscolumn3dlinedy",
+ "mscombidy2d",
+ "mscombidy3d",
+ "stackedcolumn3dline",
+ "stackedcolumn2dline",
+ "mscolumnline3d",
+ "mscombi3d",
+ "mscombi2d",
+ "marimekko",
+ "MSArea",
+ "msbar3d",
+ "msbar2d",
+ "msline",
+ "mscolumn3d",
+ "mscolumn2d",
+ "spline",
+ "splinearea",
+ "msspline",
+ "mssplinedy",
+ "mssplinearea",
+ "stackedcolumn2dlinedy",
+ "stackedarea2dlinedy"
+ ],
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "type": "OBJECT",
+ "name": "dataSource",
+ "params": {
+ "required": true,
+ "ignoreCase": false,
+ "allowedKeys": [
+ {
+ "name": "chart",
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "paletteColors",
+ "type": "TEXT",
+ "params": {
+ "strict": true,
+ "ignoreCase": true
+ }
+ }
+ ],
+ "default": {}
+ }
+ },
+ {
+ "name": "data",
+ "type": "ARRAY",
+ "params": {
+ "default": [],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT"
+ },
+ {
+ "name": "value",
+ "type": "NUMBER"
+ }
+ ]
+ }
+ }
+ }
+ }
+ ]
+ }
+ }
+ ]
+ }
+ },
+ "dependencies": ["chartType"],
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Populates the chart with the data",
+ "propertyName": "chartData",
+ "placeholderText": "[{ \"x\": \"2021\", \"y\": \"94000\" }]",
+ "label": "Chart series",
+ "controlType": "CHART_DATA",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["chartType"],
+ "children": [
+ {
+ "helpText": "Series data",
+ "propertyName": "data",
+ "label": "Series data",
+ "controlType": "INPUT_TEXT_AREA",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "default": [],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "x",
+ "type": "TEXT",
+ "params": {
+ "required": true,
+ "default": ""
+ }
+ },
+ {
+ "name": "y",
+ "type": "NUMBER",
+ "params": {
+ "required": true,
+ "default": 10
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Series name",
+ "propertyName": "seriesName",
+ "label": "Series name",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Adds a title to the chart",
+ "placeholderText": "Sales Report",
+ "propertyName": "chartName",
+ "label": "Title",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables scrolling inside the chart",
+ "propertyName": "allowScroll",
+ "label": "Allow scroll",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["chartType"]
+ },
+ {
+ "helpText": "Hides/Display data point labels on series data",
+ "propertyName": "showDataPointLabel",
+ "label": "Show Labels",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["chartType"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Axis",
+ "children": [
+ {
+ "propertyName": "setAdaptiveYMin",
+ "label": "Adaptive axis",
+ "helpText": "Define the minimum scale for X/Y axis",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Specifies the label of the x-axis",
+ "propertyName": "xAxisName",
+ "placeholderText": "Dates",
+ "label": "x-axis label",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["chartType"]
+ },
+ {
+ "helpText": "Specifies the label of the y-axis",
+ "propertyName": "yAxisName",
+ "placeholderText": "Revenue",
+ "label": "y-axis label",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["chartType"]
+ },
+ {
+ "helpText": "Changes the x-axis label orientation",
+ "propertyName": "labelOrientation",
+ "label": "x-axis label orientation",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["chartType"],
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Auto",
+ "value": "auto"
+ },
+ {
+ "label": "Slant",
+ "value": "slant"
+ },
+ {
+ "label": "Rotate",
+ "value": "rotate"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the chart data point is clicked",
+ "propertyName": "onDataPointClick",
+ "label": "onDataPointClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "MAP_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "mapCenter",
+ "label": "Initial location",
+ "helpText": "Default location for the map. Search for a location directly in the field.",
+ "isJSConvertible": true,
+ "controlType": "LOCATION_SEARCH",
+ "dependencies": ["googleMapsApiKey"],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "lat",
+ "type": "NUMBER",
+ "params": {
+ "min": -90,
+ "max": 90,
+ "default": 0,
+ "required": true
+ }
+ },
+ {
+ "name": "long",
+ "type": "NUMBER",
+ "params": {
+ "min": -180,
+ "max": 180,
+ "default": 0,
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ },
+ {
+ "propertyName": "defaultMarkers",
+ "label": "Default markers",
+ "controlType": "INPUT_TEXT",
+ "inputType": "ARRAY",
+ "helpText": "Sets the default markers on the map",
+ "placeholderText": "[{ \"lat\": \"val1\", \"long\": \"val2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "lat",
+ "type": "NUMBER",
+ "params": {
+ "min": -90,
+ "max": 90,
+ "default": 0,
+ "required": true
+ }
+ },
+ {
+ "name": "long",
+ "type": "NUMBER",
+ "params": {
+ "min": -180,
+ "max": 180,
+ "default": 0,
+ "required": true
+ }
+ },
+ {
+ "name": "title",
+ "type": "TEXT"
+ },
+ {
+ "name": "color",
+ "type": "TEXT"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "zoomLevel",
+ "label": "Zoom level",
+ "controlType": "STEP",
+ "helpText": "Changes the default zoom of the map",
+ "stepType": "ZOOM_PERCENTAGE",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "enablePickLocation",
+ "label": "Enable pick location",
+ "helpText": "Allows a user to pick their location",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "isClickedMarkerCentered",
+ "label": "Map & marker centering",
+ "helpText": "Controls whether the clicked marker is centered on the map",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "allowClustering",
+ "label": "Enable clustering",
+ "controlType": "SWITCH",
+ "helpText": "Allows markers to be clustered",
+ "defaultValue": false,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "enableSearch",
+ "label": "Enable search location",
+ "helpText": "Allows a user to search for a location",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ },
+ {
+ "sectionName": "Create marker",
+ "children": [
+ {
+ "propertyName": "enableCreateMarker",
+ "label": "Create new marker",
+ "helpText": "Allows users to mark locations on the map",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "onCreateMarker",
+ "label": "onCreateMarker",
+ "helpText": "When create new marker is enabled, this event triggers upon successful marker creation",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["enableCreateMarker"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "propertyName": "onMarkerClick",
+ "label": "onMarkerClick",
+ "helpText": "when the user clicks on the marker",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "RICH_TEXT_EDITOR_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "inputType",
+ "helpText": "Sets the input type of the default text property in widget.",
+ "label": "Input Type",
+ "controlType": "ICON_TABS",
+ "defaultValue": "html",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Markdown",
+ "value": "markdown"
+ },
+ {
+ "label": "HTML",
+ "value": "html"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "defaultText",
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Hello World",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isToolbarHidden",
+ "label": "Hide toolbar",
+ "helpText": "Controls the visibility of the toolbar",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the text is changed",
+ "propertyName": "onTextChange",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "DATE_PICKER_WIDGET2": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:41.4141+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ",
+ "subTextPosition": 0
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL",
+ "subTextPosition": 0
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL",
+ "subTextPosition": 0
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm",
+ "subTextPosition": 0
+ },
+ {
+ "label": "2023-09-28T17:44:41",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss",
+ "subTextPosition": 0
+ },
+ {
+ "label": "2023-09-28 05:44:41 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A",
+ "subTextPosition": 0
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm",
+ "subTextPosition": 0
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD",
+ "subTextPosition": 0
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY",
+ "subTextPosition": 0
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY",
+ "subTextPosition": 0
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true
+ },
+ {
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ }
+ },
+ {
+ "propertyName": "firstDayOfWeek",
+ "label": "First Day Of Week",
+ "helpText": "Defines the first day of the week for calendar",
+ "controlType": "INPUT_TEXT",
+ "defaultValue": "0",
+ "inputType": "INTEGER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "0 : sunday\n1 : monday\n2 : tuesday\n3 : wednesday\n4 : thursday\n5 : friday\n6 : saturday",
+ "example": "0",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time Precision",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["None", "minute", "second"],
+ "default": "minute"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for this widget",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ }
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for this widget",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current selection",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add tooltip text here",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "propertyName": "onFocus",
+ "label": "onFocus",
+ "helpText": "when the date picker receives focus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "propertyName": "onBlur",
+ "label": "onBlur",
+ "helpText": "when the date picker loses focus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "SWITCH_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "helpText": "Displays a label next to the widget",
+ "placeholderText": "Enable Option",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Right",
+ "value": "Right"
+ }
+ ],
+ "defaultValue": "Left",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the alignment of the widget",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "LEFT"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "RIGHT"
+ }
+ ],
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "defaultSwitchState",
+ "label": "Default state",
+ "helpText": "On / Off the Switch by default. Changes to the default selection update the widget state",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables input to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the background color of the widget",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 1,
+ "active": true
+ }
+ }
+ },
+ "FORM_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "helpText": "Enter value for border width",
+ "propertyName": "borderWidth",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "RATE_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "maxCount",
+ "helpText": "Sets the maximum allowed rating",
+ "label": "Max rating",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "5",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ }
+ },
+ {
+ "propertyName": "defaultRate",
+ "helpText": "Sets the default rating",
+ "label": "Default rating",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "2.5",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": 5,
+ "autocompleteDataType": "NUMBER"
+ }
+ }
+ },
+ "dependencies": ["maxCount", "isAllowHalf"]
+ },
+ {
+ "propertyName": "tooltips",
+ "helpText": "Sets the tooltip contents of stars",
+ "label": "Tooltips",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[\"Bad\", \"Neutral\", \"Good\"]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "TEXT"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isAllowHalf",
+ "helpText": "Controls if user can submit half stars",
+ "label": "Allow half stars",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isReadOnly",
+ "helpText": "Makes the widget read only",
+ "label": "Read only",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the rate is changed",
+ "propertyName": "onRateChanged",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "size",
+ "label": "Star size",
+ "helpText": "Controls the size of the stars in the widget",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LARGE",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Small",
+ "value": "SMALL"
+ },
+ {
+ "label": "Medium",
+ "value": "MEDIUM"
+ },
+ {
+ "label": "Large",
+ "value": "LARGE"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "activeColor",
+ "label": "Active color",
+ "helpText": "Color of the selected stars",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "inactiveColor",
+ "label": "Inactive color",
+ "helpText": "Color of the unselected stars",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 1,
+ "active": true
+ }
+ }
+ },
+ "IFRAME_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "source",
+ "helpText": "The URL of the page to embed",
+ "label": "URL",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "https://docs.appsmith.com",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "SAFE_URL",
+ "params": {
+ "default": "https://www.example.com"
+ }
+ }
+ },
+ {
+ "propertyName": "srcDoc",
+ "helpText": "Inline HTML to embed, overriding the src attribute",
+ "label": "srcDoc",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Inline HTML
",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "title",
+ "helpText": "Label the content of the page to embed",
+ "label": "Title",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Documentation",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the source URL is changed",
+ "propertyName": "onURLChanged",
+ "label": "onURLChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the srcDoc is changed",
+ "propertyName": "onSrcDocChanged",
+ "label": "onSrcDocChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when a message event is received",
+ "propertyName": "onMessageReceived",
+ "label": "onMessageReceived",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Controls the color of the border",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderWidth",
+ "label": "Border width (px)",
+ "helpText": "Controls the size of the border in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "inputType": "NUMBER",
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "default": 1
+ }
+ }
+ },
+ {
+ "propertyName": "borderOpacity",
+ "label": "Border opacity (%)",
+ "helpText": "Controls the opacity of the border in percentage",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "inputType": "NUMBER",
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "max": 100,
+ "default": 100
+ }
+ }
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "TABS_MIGRATOR_WIDGET": {
+ "propertyPaneConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Takes an array of tab names to render tabs",
+ "propertyName": "tabs",
+ "isJSConvertible": true,
+ "label": "Tabs",
+ "controlType": "TABS_INPUT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT"
+ },
+ {
+ "name": "id",
+ "type": "TEXT",
+ "default": "jl5lq76ks4"
+ },
+ {
+ "name": "widgetId",
+ "type": "TEXT",
+ "default": "ke58c7rkgw"
+ }
+ ]
+ }
+ }
+ }
+ }
+ },
+ {
+ "propertyName": "shouldShowTabs",
+ "helpText": "Hides the tabs so that different widgets can be displayed based on the default tab",
+ "label": "Show tabs",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "defaultTab",
+ "helpText": "Selects a tab name specified by default",
+ "placeholderText": "Enter tab name",
+ "label": "Default tab",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Tab Name (string)",
+ "example": "Tab 1",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ },
+ "dependencies": ["tabsObj", "tabs"]
+ },
+ {
+ "helpText": "Enables scrolling for content inside the widget",
+ "propertyName": "shouldScrollContents",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onTabSelected",
+ "label": "onTabSelected",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneContentConfig": [],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "DIVIDER_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls widget orientation",
+ "propertyName": "orientation",
+ "label": "Direction",
+ "controlType": "ICON_TABS",
+ "defaultValue": "horizontal",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Horizontal",
+ "value": "horizontal"
+ },
+ {
+ "label": "Vertical",
+ "value": "vertical"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Stroke",
+ "children": [
+ {
+ "helpText": "Controls the stroke color of divider",
+ "propertyName": "dividerColor",
+ "label": "Color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isJSConvertible": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "helpText": "Controls the style of the divider",
+ "propertyName": "strokeStyle",
+ "label": "Style",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Solid",
+ "value": "solid",
+ "icon": "cap-solid"
+ },
+ {
+ "label": "Dashed",
+ "value": "dashed",
+ "icon": "line-dashed"
+ },
+ {
+ "label": "Dotted",
+ "value": "dotted",
+ "icon": "line-dotted"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the thickness of divider",
+ "propertyName": "thickness",
+ "label": "Thickness",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "5",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "default": 0
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Cap",
+ "children": [
+ {
+ "helpText": "Controls the type of divider cap",
+ "propertyName": "capType",
+ "label": "Cap",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "options": [
+ {
+ "label": "No cap",
+ "value": "nc",
+ "icon": "cap-solid"
+ },
+ {
+ "label": "Arrow",
+ "value": "arrow",
+ "icon": "arrow-forward"
+ },
+ {
+ "label": "Dot",
+ "value": "dot",
+ "icon": "cap-dot"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["nc", "arrow", "dot"],
+ "required": true,
+ "default": "nc"
+ }
+ }
+ },
+ {
+ "helpText": "Changes the position of the cap if a valid cap is selected.",
+ "propertyName": "capSide",
+ "label": "Cap position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "startIcon": "contract-left-line",
+ "value": -1
+ },
+ {
+ "startIcon": "column-freeze",
+ "value": 0,
+ "width": 48
+ },
+ {
+ "startIcon": "contract-right-line",
+ "value": 1
+ }
+ ],
+ "defaultValue": 0,
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "MENU_BUTTON_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Basic",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu",
+ "label": "Label",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Open",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "menuItemsSource",
+ "helpText": "Sets the source for the menu items",
+ "label": "Menu items source",
+ "controlType": "ICON_TABS",
+ "defaultValue": "STATIC",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Static",
+ "value": "STATIC"
+ },
+ {
+ "label": "Dynamic",
+ "value": "DYNAMIC"
+ }
+ ],
+ "isJSConvertible": false,
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["sourceData", "configureMenuItems"]
+ },
+ {
+ "helpText": "Menu items",
+ "propertyName": "menuItems",
+ "controlType": "MENU_ITEMS",
+ "label": "Menu items",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["menuItemsSource"],
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "contentChildren": [
+ {
+ "sectionName": "Basic",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu item",
+ "label": "Label",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Download",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "when the menu item is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for a menu item",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of a menu item",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "iconColor",
+ "helpText": "Sets the icon color of a menu item",
+ "label": "Icon color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "textColor",
+ "helpText": "Sets the text color of a menu item",
+ "label": "Text color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of a menu item",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ }
+ ]
+ }
+ },
+ {
+ "helpText": "Takes in an array of items to display the menu items.",
+ "propertyName": "sourceData",
+ "label": "Source data",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{{Query1.data}}",
+ "inputType": "ARRAY",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["menuItemsSource"]
+ },
+ {
+ "helpText": "Configure how each menu item will appear.",
+ "propertyName": "configureMenuItems",
+ "controlType": "OPEN_CONFIG_PANEL",
+ "buttonConfig": {
+ "label": "Configure",
+ "icon": "settings-2-line"
+ },
+ "label": "Configure menu items",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["menuItemsSource", "sourceData"],
+ "panelConfig": {
+ "editableTitle": false,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "contentChildren": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu item using the {{currentItem}} binding.",
+ "label": "Label",
+ "controlType": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "placeholderText": "{{currentItem.name}}",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT"
+ }
+ },
+ "evaluatedDependencies": ["sourceData"]
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget. Can also be configured the using {{currentItem}} binding.",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "BOOLEAN"
+ }
+ },
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"]
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget. Can also be configured the using {{currentItem}} binding.",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "BOOLEAN"
+ }
+ },
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the menu item is clicked. Can also be configured the using {{currentItem}} binding.",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "evaluatedDependencies": ["sourceData"]
+ }
+ ]
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for a menu item. Can also be configured the using {{currentItem}} binding.",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ }
+ },
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"]
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of a menu item. Can also be configured the using {{currentItem}} binding.",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ }
+ },
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "iconColor",
+ "helpText": "Sets the icon color of a menu item. Can also be configured the using {{currentItem}} binding.",
+ "label": "Icon color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"],
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of a menu item. Can also be configured the using {{currentItem}} binding.",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"],
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "textColor",
+ "helpText": "Sets the text color of a menu item. Can also be configured the using {{currentItem}} binding.",
+ "label": "Text color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "customJSControl": "MENU_BUTTON_DYNAMIC_ITEMS",
+ "evaluatedDependencies": ["sourceData"],
+ "validation": {
+ "type": "ARRAY_OF_TYPE_OR_TYPE",
+ "params": {
+ "type": "TEXT",
+ "regex": {}
+ }
+ }
+ }
+ ]
+ }
+ ]
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isCompact",
+ "helpText": "Decides if menu items will consume lesser space",
+ "label": "Compact",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "menuVariant",
+ "label": "Button variant",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets the variant of the menu button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for the menu button",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["iconAlign"],
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of the menu button",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ }
+ },
+ {
+ "propertyName": "placement",
+ "label": "Placement",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets the space between items",
+ "options": [
+ {
+ "label": "Start",
+ "value": "START"
+ },
+ {
+ "label": "Between",
+ "value": "BETWEEN"
+ },
+ {
+ "label": "Center",
+ "value": "CENTER"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["START", "BETWEEN", "CENTER"],
+ "default": "CENTER"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "menuColor",
+ "helpText": "Sets the style of the Menu button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "ICON_BUTTON_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Basic",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for the icon button",
+ "controlType": "ICON_SELECT",
+ "defaultIconName": "plus",
+ "hideNoneIcon": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ],
+ "default": "plus"
+ }
+ }
+ },
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show helper text with button on hover",
+ "propertyName": "tooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add Input Field",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "buttonVariant",
+ "label": "Button variant",
+ "controlType": "ICON_TABS",
+ "defaultValue": "PRIMARY",
+ "fullWidth": true,
+ "helpText": "Sets the variant of the icon button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "buttonColor",
+ "helpText": "Sets the style of the icon button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "CHECKBOX_GROUP_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Displays a list of unique checkbox options",
+ "propertyName": "options",
+ "label": "Options",
+ "controlType": "OPTION_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "default": [],
+ "unique": ["value"],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": ""
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Sets the values of the options checked by default",
+ "propertyName": "defaultSelectedValues",
+ "label": "Default selected values",
+ "placeholderText": "[\"apple\", \"orange\"]",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "String or Array",
+ "example": "apple | [\"apple\", \"orange\"]",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables input to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isInline",
+ "label": "Inline",
+ "controlType": "SWITCH",
+ "helpText": "Displays the checkboxes horizontally",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isSelectAll",
+ "label": "Select all options",
+ "controlType": "SWITCH",
+ "helpText": "Controls whether select all option is shown",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onSelectionChange",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "optionAlignment",
+ "label": "Alignment",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets alignment between options.",
+ "options": [
+ {
+ "label": "None",
+ "value": "unset"
+ },
+ {
+ "label": "Start",
+ "value": "flex-start"
+ },
+ {
+ "label": "End",
+ "value": "flex-end"
+ },
+ {
+ "label": "Center",
+ "value": "center"
+ },
+ {
+ "label": "Between",
+ "value": "space-between"
+ },
+ {
+ "label": "Around",
+ "value": "space-around"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "unset",
+ "flex-start",
+ "flex-end",
+ "center",
+ "space-between",
+ "space-around"
+ ]
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the checked state color of the checkbox",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "active": true
+ }
+ }
+ },
+ "FILE_PICKER_WIDGET_V2": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Basic",
+ "children": [
+ {
+ "propertyName": "allowedFileTypes",
+ "helpText": "Restricts the type of files which can be uploaded",
+ "label": "Allowed file types",
+ "controlType": "DROP_DOWN",
+ "isMultiSelect": true,
+ "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,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": true,
+ "children": {
+ "type": "TEXT"
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Set the format of the data read from the files",
+ "propertyName": "fileDataType",
+ "label": "Data format",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Base64",
+ "value": "Base64"
+ },
+ {
+ "label": "Binary",
+ "value": "Binary"
+ },
+ {
+ "label": "Text",
+ "value": "Text"
+ },
+ {
+ "label": "Array of Objects (CSV, XLS(X), JSON, TSV)",
+ "value": "Array"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "dynamicTyping",
+ "label": "Infer data-types from CSV",
+ "helpText": "Controls if the arrays should try to infer the best possible data type based on the values in CSV file",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["fileDataType"],
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "maxNumFiles",
+ "label": "Max no. of files",
+ "helpText": "Sets the maximum number of files that can be uploaded at once",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "inputType": "INTEGER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "helpText": "Sets the label of the button",
+ "placeholderText": "Select Files",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "maxFileSize",
+ "helpText": "Sets the maximum size of each file that can be uploaded",
+ "label": "Max file size(Mb)",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "5",
+ "inputType": "INTEGER",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 1,
+ "max": 100,
+ "default": 5,
+ "passThroughOnZero": false
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disable",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the user selects a file. Upload files to a CDN and stores their URLs in filepicker.files",
+ "propertyName": "onFilesSelected",
+ "label": "onFilesSelected",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "buttonColor",
+ "helpText": "Changes the color of the button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "STATBOX_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shouldScrollContents",
+ "helpText": "Enables scrolling for content inside the widget",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "borderColor",
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 0,
+ "active": true
+ }
+ }
+ },
+ "AUDIO_RECORDER_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables input to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the recording starts",
+ "propertyName": "onRecordingStart",
+ "label": "onRecordingStart",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the recording ends",
+ "propertyName": "onRecordingComplete",
+ "label": "onRecordingComplete",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "iconColor",
+ "helpText": "Sets the icon color of the widget",
+ "label": "Icon color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "accentColor",
+ "helpText": "Changes the color of the recorder button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "DOCUMENT_VIEWER_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Preview document URL supports txt, pdf, docx, ppt, pptx, xlsx file formats, but base64 ppt/pptx are not supported.",
+ "propertyName": "docUrl",
+ "label": "Document link",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "URL / Base64",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "URL / Base64",
+ "example": "https://www.example.com",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "BUTTON_GROUP_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Group Buttons",
+ "propertyName": "groupButtons",
+ "controlType": "GROUP_BUTTONS",
+ "label": "Buttons",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["childStylesheet"],
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "buttonType",
+ "label": "Button type",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets button type",
+ "options": [
+ {
+ "label": "Simple",
+ "value": "SIMPLE"
+ },
+ {
+ "label": "Menu",
+ "value": "MENU"
+ }
+ ],
+ "defaultValue": "SIMPLE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["SIMPLE", "MENU"]
+ }
+ }
+ },
+ {
+ "dependencies": ["groupButtons"],
+ "helpText": "Menu items",
+ "propertyName": "menuItems",
+ "controlType": "MENU_ITEMS",
+ "label": "Menu items",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "id",
+ "contentChildren": [
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu item",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of menu item",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables menu item",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the menu item is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for a menu item",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of a menu item",
+ "controlType": "ICON_TABS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "defaultValue": "left",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Sets the background color of a menu item",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconColor",
+ "helpText": "Sets the icon color of a menu item",
+ "label": "Icon Color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "propertyName": "textColor",
+ "helpText": "Sets the text color of a menu item",
+ "label": "Text color",
+ "controlType": "COLOR_PICKER",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ }
+ ]
+ }
+ ]
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label of a menu item",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the button is clicked",
+ "propertyName": "onClick",
+ "label": "onClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for a button",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of a button",
+ "controlType": "ICON_TABS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "defaultValue": "left",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "placement",
+ "label": "Placement",
+ "controlType": "DROP_DOWN",
+ "helpText": "Sets the space between items",
+ "options": [
+ {
+ "label": "Start",
+ "value": "START"
+ },
+ {
+ "label": "Between",
+ "value": "BETWEEN"
+ },
+ {
+ "label": "Center",
+ "value": "CENTER"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["START", "BETWEEN", "CENTER"],
+ "default": "CENTER"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "buttonColor",
+ "helpText": "Changes the color of the button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ]
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables clicks to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "buttonVariant",
+ "label": "Button variant",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the variant of the button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "defaultValue": "PRIMARY",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ }
+ },
+ {
+ "helpText": "Controls widget orientation",
+ "propertyName": "orientation",
+ "label": "Orientation",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Horizontal",
+ "value": "horizontal"
+ },
+ {
+ "label": "Vertical",
+ "value": "vertical"
+ }
+ ],
+ "defaultValue": "horizontal",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "MULTI_SELECT_TREE_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Allows users to select multiple options. Values must be unique",
+ "propertyName": "options",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter option value",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": false,
+ "validation": {
+ "type": "NESTED_OBJECT_ARRAY",
+ "params": {
+ "unique": ["value"],
+ "default": [],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": ""
+ }
+ },
+ {
+ "name": "children",
+ "type": "ARRAY",
+ "required": false,
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": ""
+ }
+ }
+ ]
+ }
+ }
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Selects the option with value by default",
+ "propertyName": "defaultOptionValue",
+ "label": "Default selected values",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter option value",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['value1', 'value2']",
+ "autocompleteDataType": "ARRAY"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current selection",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add tooltip text here",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Mode to Display options",
+ "propertyName": "mode",
+ "label": "Mode",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Display only parent items",
+ "value": "SHOW_PARENT"
+ },
+ {
+ "label": "Display only child items",
+ "value": "SHOW_CHILD"
+ },
+ {
+ "label": "Display all items",
+ "value": "SHOW_ALL"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "helpText": "Sets a Placeholder Text",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "allowClear",
+ "label": "Allow clearing value",
+ "helpText": "Enables Icon to clear all Selections",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "expandAll",
+ "label": "Expand all by default",
+ "helpText": "Expand All nested options",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a user selects an option",
+ "propertyName": "onOptionChange",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown opens",
+ "propertyName": "onDropdownOpen",
+ "label": "onDropdownOpen",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown closes",
+ "propertyName": "onDropdownClose",
+ "label": "onDropdownClose",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "SINGLE_SELECT_TREE_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Allows users to select multiple options. Values must be unique",
+ "propertyName": "options",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter option value",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": false,
+ "validation": {
+ "type": "NESTED_OBJECT_ARRAY",
+ "params": {
+ "unique": ["value"],
+ "default": [],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": ""
+ }
+ },
+ {
+ "name": "children",
+ "type": "ARRAY",
+ "required": false,
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": ""
+ }
+ }
+ ]
+ }
+ }
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Selects the option with value by default",
+ "propertyName": "defaultOptionValue",
+ "label": "Default selected value",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter option value",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value",
+ "example": "value1",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current selection",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add tooltip text here",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a Placeholder Text",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "allowClear",
+ "label": "Allow clearing value",
+ "helpText": "Enables Icon to clear all Selections",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "expandAll",
+ "label": "Expand all by default",
+ "helpText": "Expand All nested options",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a user selects an option",
+ "propertyName": "onOptionChange",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown opens",
+ "propertyName": "onDropdownOpen",
+ "label": "onDropdownOpen",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown closes",
+ "propertyName": "onDropdownClose",
+ "label": "onDropdownClose",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "SWITCH_GROUP_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Displays a list of options for a user to select. Values must be unique",
+ "propertyName": "options",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true,
+ "unique": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "unique": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Selects values of the options checked by default. Enter comma separated values for multiple selected",
+ "propertyName": "defaultSelectedValues",
+ "label": "Default selected values",
+ "placeholderText": "Enter option values",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "default": [],
+ "children": {
+ "type": "TEXT"
+ },
+ "strict": true
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables input to the widget",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isInline",
+ "helpText": "Whether switches are to be displayed inline horizontally",
+ "label": "Inline",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a switch state inside the group is changed",
+ "propertyName": "onSelectionChange",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "alignment",
+ "helpText": "Sets the alignment of the widget",
+ "label": "Alignment",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the background color of the widget",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "active": true
+ }
+ }
+ },
+ "AUDIO_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "url",
+ "label": "URL",
+ "helpText": "Link to the audio file which should be played",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter url",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {},
+ "expected": {
+ "type": "Audio URL",
+ "example": "https://assets.appsmith.com/widgets/birds_chirping.mp3",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "autoPlay",
+ "label": "Auto play",
+ "helpText": "Audio will be automatically played",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the audio is played",
+ "propertyName": "onPlay",
+ "label": "onPlay",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the audio is paused",
+ "propertyName": "onPause",
+ "label": "onPause",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the audio ends",
+ "propertyName": "onEnd",
+ "label": "onEnd",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "PROGRESSBAR_WIDGET": {
+ "propertyPaneConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Sets progress bar type",
+ "propertyName": "barType",
+ "label": "Type",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Indeterminate",
+ "value": "indeterminate"
+ },
+ {
+ "label": "Determinate",
+ "value": "determinate"
+ }
+ ],
+ "defaultValue": "indeterminate",
+ "isBindProperty": false,
+ "isTriggerProperty": false
+ },
+ {
+ "helpText": "Provide progress value",
+ "propertyName": "progress",
+ "label": "Progress",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter progress value",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "defaultValue": 50,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "max": 100,
+ "default": 50
+ }
+ }
+ },
+ {
+ "helpText": "Sets a number of steps",
+ "propertyName": "steps",
+ "label": "Number of steps",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter number of steps",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 1,
+ "max": 100,
+ "default": 1,
+ "natural": true,
+ "passThroughOnZero": false
+ }
+ },
+ "dependencies": ["barType"]
+ },
+ {
+ "helpText": "Controls the visibility of progress value",
+ "propertyName": "showResult",
+ "label": "Show result",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "helpText": "Controls the progress color of progress bar",
+ "propertyName": "fillColor",
+ "label": "Fill color",
+ "controlType": "COLOR_PICKER",
+ "defaultColor": "#03B365",
+ "isBindProperty": true,
+ "isJSConvertible": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isBindProperty": true,
+ "isJSConvertible": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneContentConfig": [],
+ "propertyPaneStyleConfig": [],
+ "features": null
+ },
+ "CAMERA_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "mode",
+ "label": "Mode",
+ "controlType": "ICON_TABS",
+ "defaultValue": "CAMERA",
+ "fullWidth": true,
+ "helpText": "Whether a picture is taken or a video is recorded",
+ "options": [
+ {
+ "label": "Image",
+ "value": "CAMERA"
+ },
+ {
+ "label": "Video",
+ "value": "VIDEO"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["CAMERA", "VIDEO"]
+ }
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "helpText": "Disables clicks to this widget",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isMirrored",
+ "label": "Mirrored",
+ "helpText": "Show camera preview and get the screenshot mirrored",
+ "controlType": "SWITCH",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "defaultCamera",
+ "label": "Default mobile camera",
+ "helpText": "Default choice for mobile users. Not applicable for other devices",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "environment",
+ "options": [
+ {
+ "label": "Front (Selfie)",
+ "value": "user"
+ },
+ {
+ "label": "Back (Rear)",
+ "value": "environment"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["user", "environment"],
+ "default": "environment"
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the image is captured",
+ "propertyName": "onImageCapture",
+ "label": "OnImageCapture",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the image is saved",
+ "propertyName": "onImageSave",
+ "label": "onImageCapture",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the video recording get started",
+ "propertyName": "onRecordingStart",
+ "label": "OnRecordingStart",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the video recording stops",
+ "propertyName": "onRecordingStop",
+ "label": "OnRecordingStop",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the video recording is saved",
+ "propertyName": "onVideoSave",
+ "label": "onVideoSave",
+ "controlType": "ACTION_SELECTOR",
+ "dependencies": ["mode"],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "MAP_CHART_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Sets the map type",
+ "propertyName": "mapType",
+ "label": "Map Type",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "World",
+ "value": "WORLD"
+ },
+ {
+ "label": "World with Antarctica",
+ "value": "WORLD_WITH_ANTARCTICA"
+ },
+ {
+ "label": "Europe",
+ "value": "EUROPE"
+ },
+ {
+ "label": "North America",
+ "value": "NORTH_AMERICA"
+ },
+ {
+ "label": "South America",
+ "value": "SOURTH_AMERICA"
+ },
+ {
+ "label": "Asia",
+ "value": "ASIA"
+ },
+ {
+ "label": "Oceania",
+ "value": "OCEANIA"
+ },
+ {
+ "label": "Africa",
+ "value": "AFRICA"
+ },
+ {
+ "label": "USA",
+ "value": "USA"
+ }
+ ],
+ "isJSconvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "WORLD",
+ "WORLD_WITH_ANTARCTICA",
+ "EUROPE",
+ "NORTH_AMERICA",
+ "SOURTH_AMERICA",
+ "ASIA",
+ "OCEANIA",
+ "AFRICA",
+ "USA"
+ ]
+ }
+ }
+ },
+ {
+ "helpText": "Populates the map with the data",
+ "propertyName": "data",
+ "label": "Chart Data",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": true,
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "id",
+ "type": "TEXT",
+ "params": {
+ "unique": true,
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Sets the map title",
+ "placeholderText": "Enter title",
+ "propertyName": "mapTitle",
+ "label": "Title",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "helpText": "Controls the visibility of the widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "showLabels",
+ "label": "Show Labels",
+ "helpText": "Sets whether entity labels will be shown or hidden",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the map chart data point is clicked",
+ "propertyName": "onDataPointClick",
+ "label": "onDataPointClick",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Defines ranges for categorizing entities on a map based on their data values.",
+ "propertyName": "colorRange",
+ "label": "Color Range",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Color range object",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": true,
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "allowedKeys": [
+ {
+ "name": "minValue",
+ "type": "NUMBER",
+ "params": {
+ "required": true
+ }
+ },
+ {
+ "name": "maxValue",
+ "type": "NUMBER",
+ "params": {
+ "required": true
+ }
+ },
+ {
+ "name": "displayValue",
+ "type": "TEXT"
+ },
+ {
+ "name": "code",
+ "type": "TEXT",
+ "params": {
+ "expected": {
+ "type": "Hex color (6-digit)",
+ "example": "#FF04D7",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ },
+ {
+ "name": "alpha",
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "max": 100
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": null
+ },
+ "SELECT_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Takes in an array of objects to display options. Bind data from an API using {{}}",
+ "propertyName": "sourceData",
+ "label": "Source Data",
+ "controlType": "ONE_CLICK_BINDING_CONTROL",
+ "controlConfig": {
+ "aliases": [
+ {
+ "name": "label",
+ "isSearcheable": true,
+ "isRequired": true
+ },
+ {
+ "name": "value",
+ "isRequired": true
+ }
+ ],
+ "sampleData": "[\n {\n \"name\": \"Blue\",\n \"code\": \"BLUE\"\n },\n {\n \"name\": \"Green\",\n \"code\": \"GREEN\"\n },\n {\n \"name\": \"Red\",\n \"code\": \"RED\"\n }\n]"
+ },
+ "isJSConvertible": true,
+ "placeholderText": "[{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Choose or set a field from source data as the display label",
+ "propertyName": "optionLabel",
+ "label": "Label key",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "suffix": "))}}"
+ }
+ },
+ "placeholderText": "",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "evaluatedDependencies": ["sourceData"],
+ "alwaysShowSelected": true,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "String or Array",
+ "example": "color | [\"blue\", \"green\"]",
+ "autocompleteDataType": "STRING"
+ }
+ },
+ "dependentPaths": ["sourceData"]
+ }
+ },
+ {
+ "helpText": "Choose or set a field from source data as the value",
+ "propertyName": "optionValue",
+ "label": "Value key",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "suffix": "))}}"
+ }
+ },
+ "placeholderText": "",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "evaluatedDependencies": ["sourceData"],
+ "alwaysShowSelected": true,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "String or Array",
+ "example": "color | [1, \"orange\"]",
+ "autocompleteDataType": "STRING"
+ }
+ },
+ "dependentPaths": ["sourceData"]
+ }
+ },
+ {
+ "helpText": "Selects the option with value by default",
+ "propertyName": "defaultOptionValue",
+ "label": "Default selected value",
+ "controlType": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "prefix": "{{ ((options, serverSideFiltering) => ( "
+ }
+ },
+ "placeholderText": "{ \"label\": \"label1\", \"value\": \"value1\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ }
+ },
+ "dependentPaths": ["serverSideFiltering", "options"]
+ },
+ "dependencies": ["serverSideFiltering", "options"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ },
+ {
+ "label": "Auto",
+ "value": "Auto"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Search & filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables server side filtering of the data",
+ "propertyName": "serverSideFiltering",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "dependencies": ["serverSideFiltering"],
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current selection",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add tooltip text here",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a Placeholder Text",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a user selects an option",
+ "propertyName": "onOptionChange",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown opens",
+ "propertyName": "onDropdownOpen",
+ "label": "onDropdownOpen",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown closes",
+ "propertyName": "onDropdownClose",
+ "label": "onDropdownClose",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 4,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "MULTI_SELECT_WIDGET_V2": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Takes in an array of objects to display options. Bind data from an API using {{}}",
+ "propertyName": "sourceData",
+ "label": "Source Data",
+ "controlType": "ONE_CLICK_BINDING_CONTROL",
+ "controlConfig": {
+ "aliases": [
+ {
+ "name": "label",
+ "isSearcheable": true,
+ "isRequired": true
+ },
+ {
+ "name": "value",
+ "isRequired": true
+ }
+ ],
+ "sampleData": "[\n {\n \"name\": \"Blue\",\n \"code\": \"BLUE\"\n },\n {\n \"name\": \"Green\",\n \"code\": \"GREEN\"\n },\n {\n \"name\": \"Red\",\n \"code\": \"RED\"\n }\n]"
+ },
+ "isJSConvertible": true,
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE"
+ },
+ {
+ "helpText": "Choose or set a field from source data as the display label",
+ "propertyName": "optionLabel",
+ "label": "Label key",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "suffix": "))}}"
+ }
+ },
+ "placeholderText": "",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "evaluatedDependencies": ["sourceData"],
+ "alwaysShowSelected": true,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "String or Array",
+ "example": "color | [\"blue\", \"green\"]",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ },
+ {
+ "helpText": "Choose or set a field from source data as the value",
+ "propertyName": "optionValue",
+ "label": "Value key",
+ "controlType": "DROP_DOWN",
+ "customJSControl": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "suffix": "))}}"
+ }
+ },
+ "placeholderText": "",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "evaluatedDependencies": ["sourceData"],
+ "alwaysShowSelected": true,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "String or Array",
+ "example": "color | [1, \"orange\"]",
+ "autocompleteDataType": "STRING"
+ }
+ },
+ "dependentPaths": ["sourceData"]
+ }
+ },
+ {
+ "helpText": "Selects the option(s) with value by default",
+ "propertyName": "defaultOptionValue",
+ "label": "Default selected values",
+ "controlType": "WRAPPED_CODE_EDITOR",
+ "controlConfig": {
+ "wrapperCode": {
+ "prefix": "{{ ((options, serverSideFiltering) => ( "
+ }
+ },
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": " \"option1, option2\" | ['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ }
+ },
+ "dependentPaths": ["serverSideFiltering", "options"]
+ },
+ "dependencies": ["serverSideFiltering", "options"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "labelText",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Enter label text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Search & filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Enables server side filtering of the data",
+ "propertyName": "serverSideFiltering",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "dependencies": ["serverSideFiltering"],
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ },
+ {
+ "sectionName": "Validations",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current selection",
+ "propertyName": "labelTooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Add tooltip text here",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a Placeholder Text",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "helpText": "Disables input to this widget",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "propertyName": "allowSelectAll",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when a user selects an option",
+ "propertyName": "onOptionChange",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown opens",
+ "propertyName": "onDropdownOpen",
+ "label": "onDropdownOpen",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the dropdown closes",
+ "propertyName": "onDropdownClose",
+ "label": "onDropdownClose",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "2xl",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3xl",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isBindProperty": true,
+ "isJSConvertible": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 4,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "INPUT_WIDGET_V2": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Changes the type of data captured in the input",
+ "propertyName": "inputType",
+ "label": "Data type",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "Single-line text",
+ "value": "TEXT"
+ },
+ {
+ "label": "Multi-line text",
+ "value": "MULTI_LINE_TEXT"
+ },
+ {
+ "label": "Number",
+ "value": "NUMBER"
+ },
+ {
+ "label": "Password",
+ "value": "PASSWORD"
+ },
+ {
+ "label": "Email",
+ "value": "EMAIL"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": ["dynamicHeight"]
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultText",
+ "label": "Default value",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ },
+ "dependencies": ["inputType"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Sets maximum allowed text length",
+ "propertyName": "maxChars",
+ "label": "Max characters",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 1,
+ "natural": true,
+ "passThroughOnZero": false
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "helpText": "Sets the minimum allowed value",
+ "propertyName": "minNum",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ }
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "helpText": "Sets the maximum allowed value",
+ "propertyName": "maxNum",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ }
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "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}$",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ }
+ },
+ {
+ "helpText": "Sets the input validity based on a JS expression",
+ "propertyName": "validation",
+ "label": "Valid",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ }
+ },
+ {
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "propertyName": "errorMessage",
+ "label": "Error message",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Not a valid value!",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "tooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a placeholder text for the input",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Show arrows to increase or decrease values",
+ "propertyName": "showStepArrows",
+ "label": "Show step arrows",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": false
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Disables input to this widget",
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Focus input automatically on load",
+ "propertyName": "autoFocus",
+ "label": "Auto focus",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "propertyName": "allowFormatting",
+ "label": "Enable formatting",
+ "helpText": "Formats the phone number as per the country selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the text is changed",
+ "propertyName": "onTextChanged",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field receives focus",
+ "propertyName": "onFocus",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field loses focus",
+ "propertyName": "onBlur",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "on submit (when the enter key is pressed)",
+ "propertyName": "onSubmit",
+ "label": "onSubmit",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "Clears the input value after submit",
+ "propertyName": "resetOnSubmit",
+ "label": "Reset on submit",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ }
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["iconName"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "PHONE_INPUT_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultText",
+ "label": "Default value",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ }
+ },
+ {
+ "helpText": "Changes the country code",
+ "propertyName": "defaultDialCode",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "156px",
+ "controlType": "DROP_DOWN",
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "virtual": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Change country code",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "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}$",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ }
+ },
+ {
+ "helpText": "Sets the input validity based on a JS expression",
+ "propertyName": "validation",
+ "label": "Valid",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ }
+ },
+ {
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "propertyName": "errorMessage",
+ "label": "Error message",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Not a valid value!",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "tooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a placeholder text for the input",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Show arrows to increase or decrease values",
+ "propertyName": "showStepArrows",
+ "label": "Show step arrows",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": false
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Disables input to this widget",
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Focus input automatically on load",
+ "propertyName": "autoFocus",
+ "label": "Auto focus",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "propertyName": "allowFormatting",
+ "label": "Enable formatting",
+ "helpText": "Formats the phone number as per the country selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the text is changed",
+ "propertyName": "onTextChanged",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field receives focus",
+ "propertyName": "onFocus",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field loses focus",
+ "propertyName": "onBlur",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "on submit (when the enter key is pressed)",
+ "propertyName": "onSubmit",
+ "label": "onSubmit",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "Clears the input value after submit",
+ "propertyName": "resetOnSubmit",
+ "label": "Reset on submit",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "CURRENCY_INPUT_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultText",
+ "label": "Default value",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "STRING"
+ }
+ }
+ },
+ "dependencies": ["decimals"]
+ },
+ {
+ "helpText": "Changes the type of currency",
+ "propertyName": "defaultCurrencyCode",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "156px",
+ "controlType": "DROP_DOWN",
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "virtual": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "No. of decimals in currency input",
+ "propertyName": "decimals",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "min": 0,
+ "max": 2
+ }
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "helpText": "Sets the label text of the widget",
+ "propertyName": "label",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label position of the widget",
+ "propertyName": "labelPosition",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Auto",
+ "value": "Auto"
+ },
+ {
+ "label": "Left",
+ "value": "Left"
+ },
+ {
+ "label": "Top",
+ "value": "Top"
+ }
+ ],
+ "defaultValue": "Top",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets the label alignment of the widget",
+ "propertyName": "labelAlignment",
+ "label": "Alignment",
+ "controlType": "LABEL_ALIGNMENT_OPTIONS",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "align-left",
+ "value": "left"
+ },
+ {
+ "startIcon": "align-right",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["labelPosition"]
+ },
+ {
+ "helpText": "Sets the label width of the widget as the number of columns",
+ "propertyName": "labelWidth",
+ "label": "Width (in columns)",
+ "controlType": "NUMERIC_INPUT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "min": 0,
+ "validation": {
+ "type": "NUMBER",
+ "params": {
+ "natural": true
+ }
+ },
+ "dependencies": ["labelPosition"]
+ }
+ ]
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "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}$",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ }
+ },
+ {
+ "helpText": "Sets the input validity based on a JS expression",
+ "propertyName": "validation",
+ "label": "Valid",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ }
+ },
+ {
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "propertyName": "errorMessage",
+ "label": "Error message",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Not a valid value!",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ }
+ ]
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "helpText": "Show help text or details about current input",
+ "propertyName": "tooltip",
+ "label": "Tooltip",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Value must be atleast 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Sets a placeholder text for the input",
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "helpText": "Show arrows to increase or decrease values",
+ "propertyName": "showStepArrows",
+ "label": "Show step arrows",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": false
+ }
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "helpText": "Controls the visibility of the widget",
+ "propertyName": "isVisible",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Disables input to this widget",
+ "propertyName": "isDisabled",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "helpText": "Focus input automatically on load",
+ "propertyName": "autoFocus",
+ "label": "Auto focus",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["inputType"]
+ },
+ {
+ "propertyName": "allowFormatting",
+ "label": "Enable formatting",
+ "helpText": "Formats the phone number as per the country selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the text is changed",
+ "propertyName": "onTextChanged",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field receives focus",
+ "propertyName": "onFocus",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "when the input field loses focus",
+ "propertyName": "onBlur",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "on submit (when the enter key is pressed)",
+ "propertyName": "onSubmit",
+ "label": "onSubmit",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true
+ },
+ {
+ "helpText": "Clears the input value after submit",
+ "propertyName": "resetOnSubmit",
+ "label": "Reset on submit",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ }
+ }
+ ]
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ }
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "controlType": "DROP_DOWN",
+ "defaultValue": "0.875rem",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "invisible": true
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ }
+ }
+ ]
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 3,
+ "defaultValue": "FIXED",
+ "active": true
+ }
+ }
+ },
+ "JSON_FORM_WIDGET": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "sourceData",
+ "helpText": "Input JSON sample for default form layout",
+ "label": "Source data",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "{ \"name\": \"John\", \"age\": 24 }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "JSON",
+ "example": "{ \"name\": \"John Doe\", \"age\": 29 }",
+ "autocompleteDataType": "OBJECT"
+ },
+ "fnString": "function sourceDataValidationFn(value, props, _) {\n if (value === \"\") {\n return {\n isValid: false,\n parsed: {},\n messages: [{\n name: \"ValidationError\",\n message: \"Source data cannot be empty.\"\n }]\n };\n }\n if (_.isNumber(value) || _.isBoolean(value)) {\n return {\n isValid: false,\n parsed: {},\n messages: [{\n name: \"ValidationError\",\n message: \"Source data cannot be \".concat(value)\n }]\n };\n }\n if (_.isNil(value)) {\n return {\n isValid: true,\n parsed: {}\n };\n }\n if (_.isPlainObject(value)) {\n return {\n isValid: true,\n parsed: value\n };\n }\n try {\n return {\n isValid: true,\n parsed: JSON.parse(value)\n };\n } catch (e) {\n return {\n isValid: false,\n parsed: {},\n messages: [e]\n };\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "id": "pktojgy44v"
+ },
+ {
+ "propertyName": "autoGenerateForm",
+ "helpText": "Caution: When auto generate form is enabled, the form fields would regenerate if there is any change of source data (keys change or value type changes eg from string to number). If disabled then the fields and their configuration won't change with the change of source data.",
+ "label": "Auto generate form",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "customJSControl": "INPUT_TEXT",
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "5tgyu2m5ge"
+ },
+ {
+ "propertyName": "generateFormButton",
+ "label": "",
+ "controlType": "BUTTON",
+ "isJSConvertible": false,
+ "isBindProperty": false,
+ "buttonLabel": "Generate form",
+ "isTriggerProperty": false,
+ "dependencies": [
+ "autoGenerateForm",
+ "schema",
+ "fieldLimitExceeded",
+ "childStylesheet",
+ "dynamicPropertyPathList"
+ ],
+ "evaluatedDependencies": ["sourceData"],
+ "id": "3abowfhxsp"
+ },
+ {
+ "propertyName": "schema.__root_schema__.children",
+ "helpText": "Field configuration",
+ "label": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "identifier",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "fieldType",
+ "label": "Field Type",
+ "helpText": "Type of the widget to be used corresponding to the field",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Array",
+ "value": "Array"
+ },
+ {
+ "label": "Checkbox",
+ "value": "Checkbox"
+ },
+ {
+ "label": "Currency Input",
+ "value": "Currency Input"
+ },
+ {
+ "label": "Datepicker",
+ "value": "Datepicker"
+ },
+ {
+ "label": "Email Input",
+ "value": "Email Input"
+ },
+ {
+ "label": "Multiselect",
+ "value": "Multiselect"
+ },
+ {
+ "label": "Multiline Text Input",
+ "value": "Multiline Text Input"
+ },
+ {
+ "label": "Number Input",
+ "value": "Number Input"
+ },
+ {
+ "label": "Object",
+ "value": "Object"
+ },
+ {
+ "label": "Password Input",
+ "value": "Password Input"
+ },
+ {
+ "label": "Phone Number Input",
+ "value": "Phone Number Input"
+ },
+ {
+ "label": "Radio Group",
+ "value": "Radio Group"
+ },
+ {
+ "label": "Select",
+ "value": "Select"
+ },
+ {
+ "label": "Switch",
+ "value": "Switch"
+ },
+ {
+ "label": "Text Input",
+ "value": "Text Input"
+ }
+ ],
+ "dependencies": [
+ "schema",
+ "childStylesheet",
+ "dynamicBindingPathList"
+ ],
+ "id": "4k7sd8nc5f"
+ },
+ {
+ "propertyName": "accessor",
+ "helpText": "Sets the property name of the field which can be used to access the value in formData and fieldState.",
+ "label": "Property Name",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "name",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "unique string",
+ "example": "firstName | last_name | age14",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function accessorValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var grandParentPath = propertyPathChunks.slice(0, -2).join(\".\");\n var schemaItemIdentifier = propertyPathChunks.slice(-2)[0]; // ['schema', '__root_field__', 'children', 'age', 'name'] -> age\n var schema = lodash.cloneDeep(lodash.get(props, grandParentPath));\n var RESTRICTED_KEYS = [\"__array_item__\", \"__root_schema__\"];\n var currentSchemaItem = lodash.cloneDeep(schema[schemaItemIdentifier]);\n // Remove the current edited schemaItem from schema so it doesn't\n // get picked in the existing keys list\n delete schema[schemaItemIdentifier];\n\n // If the field is not _id (mongo id) then it shouldn't be allowed\n if (currentSchemaItem.originalIdentifier !== \"_id\") {\n RESTRICTED_KEYS.push(\"_id\");\n }\n if (value === \"\") {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"ValidationError\",\n message: \"Property Name cannot be empty\"\n }]\n };\n }\n var existingKeys = (Object.values(schema) || []).map(\n // @ts-expect-error: Types are not available\n function (schemaItem) {\n return schemaItem.name;\n });\n if (existingKeys.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"Property name already in use.\"\n }]\n };\n }\n if (RESTRICTED_KEYS.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"This is a restricted Property Name\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "jiqycfk515"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": ["value"],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema", "sourceData"],
+ "id": "n1ssipf1c6"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets the default text of the field. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "5dy5xhr2r0"
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ac9b0hxif9"
+ },
+ {
+ "propertyName": "dialCode",
+ "helpText": "Changes the country code",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "1gk30aq6vg"
+ },
+ {
+ "propertyName": "currencyCountryCode",
+ "helpText": "Changes the type of currency",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "r4rc2gl7yv"
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Allow Country Code Change",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "o4qnc8g5ck"
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8ka8k3fe0f"
+ },
+ {
+ "propertyName": "decimalsInCurrency",
+ "helpText": "No. of decimals in currency input",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "bkfl5tqpt9"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default Selected",
+ "helpText": "Sets the On/Off default state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "tfd0w3ng3p"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{ \"label\": \"Option1\", \"value\": \"Option2\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: 'value should match: string | { \"label\": \"label1\", \"value\": \"value1\" }'\n };\n var value = inputValue;\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n return {\n isValid: true,\n parsed: inputValue,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (typeof inputValue === \"string\") {\n try {\n value = JSON.parse(inputValue);\n } catch (e) {}\n }\n if (_.isString(value) || _.isFinite(value)) {\n // When value is \"\", \"green\", 444\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (hasLabelValueProperties(value)) {\n // When value is {label: \"green\", value: \"green\"}\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n return {\n isValid: false,\n parsed: {},\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "7d1t5sb9n6"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function optionsCustomValidation(options, props, _) {\n var validationUtil = function validationUtil(options, _) {\n var _isValid = true;\n var message = {\n name: \"\",\n message: \"\"\n };\n var valueType = \"\";\n var uniqueLabels = {};\n for (var i = 0; i < options.length; i++) {\n var _options$i = options[i],\n label = _options$i.label,\n value = _options$i.value;\n if (!valueType) {\n valueType = typeof value;\n }\n //Checks the uniqueness all the values in the options\n if (!uniqueLabels.hasOwnProperty(value)) {\n uniqueLabels[value] = \"\";\n } else {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"path:value must be unique. Duplicate values found\"\n };\n break;\n }\n\n //Check if the required field \"label\" is present:\n if (!label) {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Missing required key: label\"\n };\n break;\n }\n\n //Validation checks for the the label.\n if (_.isNil(label) || label === \"\" || typeof label !== \"string\" && typeof label !== \"number\") {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Value of key: label is invalid: This value does not evaluate to type string\"\n };\n break;\n }\n\n //Check if all the data types for the value prop is the same.\n if (typeof value !== valueType) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: \"All value properties in options must have the same type\"\n };\n break;\n }\n\n //Check if the each object has value property.\n if (_.isNil(value)) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n };\n break;\n }\n }\n return {\n isValid: _isValid,\n parsed: _isValid ? options : [],\n messages: [message]\n };\n };\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n }]\n };\n try {\n if (_.isString(options)) {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return validationUtil(options, _);\n } else {\n return invalidResponse;\n }\n } catch (e) {\n return invalidResponse;\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "9fcmbz6h9w"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets a default selected option",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValidation(value, props, _) {\n //Checks if the value is not of object type in {{}}\n if (_.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n\n //Checks if the value is not of boolean type in {{}}\n if (_.isBoolean(value)) {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "6991frkbwg"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected values",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: \"value should match: Array | Array<{label: string, value: string | number}>\"\n };\n var UNIQUE_ERROR_MESSAGE = {\n name: \"ValidationError\",\n message: \"value must be unique. Duplicate values found\"\n };\n var hasUniqueValues = function hasUniqueValues(arr) {\n var uniqueValues = new Set(arr);\n return uniqueValues.size === arr.length;\n };\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // When value is \"['green', 'red']\", \"[{label: 'green', value: 'green'}]\" and \"green, red\"\n var convertToArray = function convertToArray(value) {\n if (typeof value === \"string\" && value.trim() !== \"\") {\n try {\n var parsedValue = JSON.parse(value);\n if (Array.isArray(parsedValue)) return parsedValue;\n } catch (e) {\n return value.split(\",\").map(function (s) {\n return s.trim();\n });\n }\n }\n if (Array.isArray(value)) return value;\n return [];\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n var parsed = inputValue === \"\" ? undefined : inputValue;\n return {\n isValid: true,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n var values = convertToArray(inputValue);\n\n // If there is inputValue but was not converted to proper array\n // or the input value is not string and not an array then error is returned\n if (typeof inputValue === \"string\" && inputValue.trim() !== \"\" && !values.length || typeof inputValue !== \"string\" && !Array.isArray(inputValue)) {\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n\n // When value is [\"green\", \"red\"]\n if (values.every(function (val) {\n return _.isString(val) || _.isFinite(val);\n })) {\n if (!hasUniqueValues(values)) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n // When value is [{label: \"green\", value: \"red\"}]\n } else if (values.every(hasLabelValueProperties)) {\n if (!hasUniqueValues(values.map(function (val) {\n return val.value;\n }))) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n } else {\n // When value is [true, false], [undefined, undefined] etc.\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n return {\n isValid: true,\n parsed: values,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema", "sourceData"],
+ "id": "yxuk3toabw"
+ },
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:40.4040+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ"
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "2023-09-28T17:44:40",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "2023-09-28 05:44:40 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A"
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true,
+ "dependencies": ["schema"],
+ "id": "lse0zoc2va"
+ },
+ {
+ "propertyName": "defaultValue",
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ja2ajih4dt"
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time precision",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["None", "minute", "second"],
+ "default": "minute"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "shyiw0wg5q"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "501hx5c3o5"
+ },
+ {
+ "helpText": "Sets the default value of the field. The array is updated when the default value changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY"
+ },
+ "dependencies": ["schema"],
+ "id": "1i1jbad2uv"
+ },
+ {
+ "propertyName": "children",
+ "label": "Field configuration",
+ "helpText": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "identifier",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "fieldType",
+ "label": "Field Type",
+ "helpText": "Type of the widget to be used corresponding to the field",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Array",
+ "value": "Array"
+ },
+ {
+ "label": "Checkbox",
+ "value": "Checkbox"
+ },
+ {
+ "label": "Currency Input",
+ "value": "Currency Input"
+ },
+ {
+ "label": "Datepicker",
+ "value": "Datepicker"
+ },
+ {
+ "label": "Email Input",
+ "value": "Email Input"
+ },
+ {
+ "label": "Multiselect",
+ "value": "Multiselect"
+ },
+ {
+ "label": "Multiline Text Input",
+ "value": "Multiline Text Input"
+ },
+ {
+ "label": "Number Input",
+ "value": "Number Input"
+ },
+ {
+ "label": "Object",
+ "value": "Object"
+ },
+ {
+ "label": "Password Input",
+ "value": "Password Input"
+ },
+ {
+ "label": "Phone Number Input",
+ "value": "Phone Number Input"
+ },
+ {
+ "label": "Radio Group",
+ "value": "Radio Group"
+ },
+ {
+ "label": "Select",
+ "value": "Select"
+ },
+ {
+ "label": "Switch",
+ "value": "Switch"
+ },
+ {
+ "label": "Text Input",
+ "value": "Text Input"
+ }
+ ],
+ "dependencies": [
+ "schema",
+ "childStylesheet",
+ "dynamicBindingPathList"
+ ],
+ "id": "4k7sd8nc5f"
+ },
+ {
+ "propertyName": "accessor",
+ "helpText": "Sets the property name of the field which can be used to access the value in formData and fieldState.",
+ "label": "Property Name",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "name",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "unique string",
+ "example": "firstName | last_name | age14",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function accessorValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var grandParentPath = propertyPathChunks.slice(0, -2).join(\".\");\n var schemaItemIdentifier = propertyPathChunks.slice(-2)[0]; // ['schema', '__root_field__', 'children', 'age', 'name'] -> age\n var schema = lodash.cloneDeep(lodash.get(props, grandParentPath));\n var RESTRICTED_KEYS = [\"__array_item__\", \"__root_schema__\"];\n var currentSchemaItem = lodash.cloneDeep(schema[schemaItemIdentifier]);\n // Remove the current edited schemaItem from schema so it doesn't\n // get picked in the existing keys list\n delete schema[schemaItemIdentifier];\n\n // If the field is not _id (mongo id) then it shouldn't be allowed\n if (currentSchemaItem.originalIdentifier !== \"_id\") {\n RESTRICTED_KEYS.push(\"_id\");\n }\n if (value === \"\") {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"ValidationError\",\n message: \"Property Name cannot be empty\"\n }]\n };\n }\n var existingKeys = (Object.values(schema) || []).map(\n // @ts-expect-error: Types are not available\n function (schemaItem) {\n return schemaItem.name;\n });\n if (existingKeys.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"Property name already in use.\"\n }]\n };\n }\n if (RESTRICTED_KEYS.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"This is a restricted Property Name\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "jiqycfk515"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": ["value"],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema", "sourceData"],
+ "id": "n1ssipf1c6"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets the default text of the field. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "5dy5xhr2r0"
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ac9b0hxif9"
+ },
+ {
+ "propertyName": "dialCode",
+ "helpText": "Changes the country code",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "1gk30aq6vg"
+ },
+ {
+ "propertyName": "currencyCountryCode",
+ "helpText": "Changes the type of currency",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "r4rc2gl7yv"
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Allow Country Code Change",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "o4qnc8g5ck"
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8ka8k3fe0f"
+ },
+ {
+ "propertyName": "decimalsInCurrency",
+ "helpText": "No. of decimals in currency input",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "bkfl5tqpt9"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default Selected",
+ "helpText": "Sets the On/Off default state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "tfd0w3ng3p"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{ \"label\": \"Option1\", \"value\": \"Option2\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: 'value should match: string | { \"label\": \"label1\", \"value\": \"value1\" }'\n };\n var value = inputValue;\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n return {\n isValid: true,\n parsed: inputValue,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (typeof inputValue === \"string\") {\n try {\n value = JSON.parse(inputValue);\n } catch (e) {}\n }\n if (_.isString(value) || _.isFinite(value)) {\n // When value is \"\", \"green\", 444\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (hasLabelValueProperties(value)) {\n // When value is {label: \"green\", value: \"green\"}\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n return {\n isValid: false,\n parsed: {},\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "7d1t5sb9n6"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function optionsCustomValidation(options, props, _) {\n var validationUtil = function validationUtil(options, _) {\n var _isValid = true;\n var message = {\n name: \"\",\n message: \"\"\n };\n var valueType = \"\";\n var uniqueLabels = {};\n for (var i = 0; i < options.length; i++) {\n var _options$i = options[i],\n label = _options$i.label,\n value = _options$i.value;\n if (!valueType) {\n valueType = typeof value;\n }\n //Checks the uniqueness all the values in the options\n if (!uniqueLabels.hasOwnProperty(value)) {\n uniqueLabels[value] = \"\";\n } else {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"path:value must be unique. Duplicate values found\"\n };\n break;\n }\n\n //Check if the required field \"label\" is present:\n if (!label) {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Missing required key: label\"\n };\n break;\n }\n\n //Validation checks for the the label.\n if (_.isNil(label) || label === \"\" || typeof label !== \"string\" && typeof label !== \"number\") {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Value of key: label is invalid: This value does not evaluate to type string\"\n };\n break;\n }\n\n //Check if all the data types for the value prop is the same.\n if (typeof value !== valueType) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: \"All value properties in options must have the same type\"\n };\n break;\n }\n\n //Check if the each object has value property.\n if (_.isNil(value)) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n };\n break;\n }\n }\n return {\n isValid: _isValid,\n parsed: _isValid ? options : [],\n messages: [message]\n };\n };\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n }]\n };\n try {\n if (_.isString(options)) {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return validationUtil(options, _);\n } else {\n return invalidResponse;\n }\n } catch (e) {\n return invalidResponse;\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "9fcmbz6h9w"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets a default selected option",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValidation(value, props, _) {\n //Checks if the value is not of object type in {{}}\n if (_.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n\n //Checks if the value is not of boolean type in {{}}\n if (_.isBoolean(value)) {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "6991frkbwg"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected values",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: \"value should match: Array | Array<{label: string, value: string | number}>\"\n };\n var UNIQUE_ERROR_MESSAGE = {\n name: \"ValidationError\",\n message: \"value must be unique. Duplicate values found\"\n };\n var hasUniqueValues = function hasUniqueValues(arr) {\n var uniqueValues = new Set(arr);\n return uniqueValues.size === arr.length;\n };\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // When value is \"['green', 'red']\", \"[{label: 'green', value: 'green'}]\" and \"green, red\"\n var convertToArray = function convertToArray(value) {\n if (typeof value === \"string\" && value.trim() !== \"\") {\n try {\n var parsedValue = JSON.parse(value);\n if (Array.isArray(parsedValue)) return parsedValue;\n } catch (e) {\n return value.split(\",\").map(function (s) {\n return s.trim();\n });\n }\n }\n if (Array.isArray(value)) return value;\n return [];\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n var parsed = inputValue === \"\" ? undefined : inputValue;\n return {\n isValid: true,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n var values = convertToArray(inputValue);\n\n // If there is inputValue but was not converted to proper array\n // or the input value is not string and not an array then error is returned\n if (typeof inputValue === \"string\" && inputValue.trim() !== \"\" && !values.length || typeof inputValue !== \"string\" && !Array.isArray(inputValue)) {\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n\n // When value is [\"green\", \"red\"]\n if (values.every(function (val) {\n return _.isString(val) || _.isFinite(val);\n })) {\n if (!hasUniqueValues(values)) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n // When value is [{label: \"green\", value: \"red\"}]\n } else if (values.every(hasLabelValueProperties)) {\n if (!hasUniqueValues(values.map(function (val) {\n return val.value;\n }))) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n } else {\n // When value is [true, false], [undefined, undefined] etc.\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n return {\n isValid: true,\n parsed: values,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema", "sourceData"],
+ "id": "yxuk3toabw"
+ },
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:40.4040+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ"
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "2023-09-28T17:44:40",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "2023-09-28 05:44:40 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A"
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true,
+ "dependencies": ["schema"],
+ "id": "lse0zoc2va"
+ },
+ {
+ "propertyName": "defaultValue",
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ja2ajih4dt"
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time precision",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "None",
+ "minute",
+ "second"
+ ],
+ "default": "minute"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "shyiw0wg5q"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "501hx5c3o5"
+ },
+ {
+ "helpText": "Sets the default value of the field. The array is updated when the default value changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY"
+ },
+ "dependencies": ["schema"],
+ "id": "1i1jbad2uv"
+ },
+ {
+ "propertyName": "children",
+ "label": "Field configuration",
+ "helpText": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "identifier",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "fieldType",
+ "label": "Field Type",
+ "helpText": "Type of the widget to be used corresponding to the field",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Array",
+ "value": "Array"
+ },
+ {
+ "label": "Checkbox",
+ "value": "Checkbox"
+ },
+ {
+ "label": "Currency Input",
+ "value": "Currency Input"
+ },
+ {
+ "label": "Datepicker",
+ "value": "Datepicker"
+ },
+ {
+ "label": "Email Input",
+ "value": "Email Input"
+ },
+ {
+ "label": "Multiselect",
+ "value": "Multiselect"
+ },
+ {
+ "label": "Multiline Text Input",
+ "value": "Multiline Text Input"
+ },
+ {
+ "label": "Number Input",
+ "value": "Number Input"
+ },
+ {
+ "label": "Object",
+ "value": "Object"
+ },
+ {
+ "label": "Password Input",
+ "value": "Password Input"
+ },
+ {
+ "label": "Phone Number Input",
+ "value": "Phone Number Input"
+ },
+ {
+ "label": "Radio Group",
+ "value": "Radio Group"
+ },
+ {
+ "label": "Select",
+ "value": "Select"
+ },
+ {
+ "label": "Switch",
+ "value": "Switch"
+ },
+ {
+ "label": "Text Input",
+ "value": "Text Input"
+ }
+ ],
+ "dependencies": [
+ "schema",
+ "childStylesheet",
+ "dynamicBindingPathList"
+ ],
+ "id": "4k7sd8nc5f"
+ },
+ {
+ "propertyName": "accessor",
+ "helpText": "Sets the property name of the field which can be used to access the value in formData and fieldState.",
+ "label": "Property Name",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "name",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "unique string",
+ "example": "firstName | last_name | age14",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function accessorValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var grandParentPath = propertyPathChunks.slice(0, -2).join(\".\");\n var schemaItemIdentifier = propertyPathChunks.slice(-2)[0]; // ['schema', '__root_field__', 'children', 'age', 'name'] -> age\n var schema = lodash.cloneDeep(lodash.get(props, grandParentPath));\n var RESTRICTED_KEYS = [\"__array_item__\", \"__root_schema__\"];\n var currentSchemaItem = lodash.cloneDeep(schema[schemaItemIdentifier]);\n // Remove the current edited schemaItem from schema so it doesn't\n // get picked in the existing keys list\n delete schema[schemaItemIdentifier];\n\n // If the field is not _id (mongo id) then it shouldn't be allowed\n if (currentSchemaItem.originalIdentifier !== \"_id\") {\n RESTRICTED_KEYS.push(\"_id\");\n }\n if (value === \"\") {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"ValidationError\",\n message: \"Property Name cannot be empty\"\n }]\n };\n }\n var existingKeys = (Object.values(schema) || []).map(\n // @ts-expect-error: Types are not available\n function (schemaItem) {\n return schemaItem.name;\n });\n if (existingKeys.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"Property name already in use.\"\n }]\n };\n }\n if (RESTRICTED_KEYS.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"This is a restricted Property Name\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "jiqycfk515"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": ["value"],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "n1ssipf1c6"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets the default text of the field. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "5dy5xhr2r0"
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ac9b0hxif9"
+ },
+ {
+ "propertyName": "dialCode",
+ "helpText": "Changes the country code",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "1gk30aq6vg"
+ },
+ {
+ "propertyName": "currencyCountryCode",
+ "helpText": "Changes the type of currency",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "r4rc2gl7yv"
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Allow Country Code Change",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "o4qnc8g5ck"
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8ka8k3fe0f"
+ },
+ {
+ "propertyName": "decimalsInCurrency",
+ "helpText": "No. of decimals in currency input",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "bkfl5tqpt9"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default Selected",
+ "helpText": "Sets the On/Off default state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "tfd0w3ng3p"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{ \"label\": \"Option1\", \"value\": \"Option2\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: 'value should match: string | { \"label\": \"label1\", \"value\": \"value1\" }'\n };\n var value = inputValue;\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n return {\n isValid: true,\n parsed: inputValue,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (typeof inputValue === \"string\") {\n try {\n value = JSON.parse(inputValue);\n } catch (e) {}\n }\n if (_.isString(value) || _.isFinite(value)) {\n // When value is \"\", \"green\", 444\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (hasLabelValueProperties(value)) {\n // When value is {label: \"green\", value: \"green\"}\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n return {\n isValid: false,\n parsed: {},\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "7d1t5sb9n6"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function optionsCustomValidation(options, props, _) {\n var validationUtil = function validationUtil(options, _) {\n var _isValid = true;\n var message = {\n name: \"\",\n message: \"\"\n };\n var valueType = \"\";\n var uniqueLabels = {};\n for (var i = 0; i < options.length; i++) {\n var _options$i = options[i],\n label = _options$i.label,\n value = _options$i.value;\n if (!valueType) {\n valueType = typeof value;\n }\n //Checks the uniqueness all the values in the options\n if (!uniqueLabels.hasOwnProperty(value)) {\n uniqueLabels[value] = \"\";\n } else {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"path:value must be unique. Duplicate values found\"\n };\n break;\n }\n\n //Check if the required field \"label\" is present:\n if (!label) {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Missing required key: label\"\n };\n break;\n }\n\n //Validation checks for the the label.\n if (_.isNil(label) || label === \"\" || typeof label !== \"string\" && typeof label !== \"number\") {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Value of key: label is invalid: This value does not evaluate to type string\"\n };\n break;\n }\n\n //Check if all the data types for the value prop is the same.\n if (typeof value !== valueType) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: \"All value properties in options must have the same type\"\n };\n break;\n }\n\n //Check if the each object has value property.\n if (_.isNil(value)) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n };\n break;\n }\n }\n return {\n isValid: _isValid,\n parsed: _isValid ? options : [],\n messages: [message]\n };\n };\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n }]\n };\n try {\n if (_.isString(options)) {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return validationUtil(options, _);\n } else {\n return invalidResponse;\n }\n } catch (e) {\n return invalidResponse;\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "9fcmbz6h9w"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets a default selected option",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValidation(value, props, _) {\n //Checks if the value is not of object type in {{}}\n if (_.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n\n //Checks if the value is not of boolean type in {{}}\n if (_.isBoolean(value)) {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "6991frkbwg"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected values",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: \"value should match: Array | Array<{label: string, value: string | number}>\"\n };\n var UNIQUE_ERROR_MESSAGE = {\n name: \"ValidationError\",\n message: \"value must be unique. Duplicate values found\"\n };\n var hasUniqueValues = function hasUniqueValues(arr) {\n var uniqueValues = new Set(arr);\n return uniqueValues.size === arr.length;\n };\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // When value is \"['green', 'red']\", \"[{label: 'green', value: 'green'}]\" and \"green, red\"\n var convertToArray = function convertToArray(value) {\n if (typeof value === \"string\" && value.trim() !== \"\") {\n try {\n var parsedValue = JSON.parse(value);\n if (Array.isArray(parsedValue)) return parsedValue;\n } catch (e) {\n return value.split(\",\").map(function (s) {\n return s.trim();\n });\n }\n }\n if (Array.isArray(value)) return value;\n return [];\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n var parsed = inputValue === \"\" ? undefined : inputValue;\n return {\n isValid: true,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n var values = convertToArray(inputValue);\n\n // If there is inputValue but was not converted to proper array\n // or the input value is not string and not an array then error is returned\n if (typeof inputValue === \"string\" && inputValue.trim() !== \"\" && !values.length || typeof inputValue !== \"string\" && !Array.isArray(inputValue)) {\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n\n // When value is [\"green\", \"red\"]\n if (values.every(function (val) {\n return _.isString(val) || _.isFinite(val);\n })) {\n if (!hasUniqueValues(values)) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n // When value is [{label: \"green\", value: \"red\"}]\n } else if (values.every(hasLabelValueProperties)) {\n if (!hasUniqueValues(values.map(function (val) {\n return val.value;\n }))) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n } else {\n // When value is [true, false], [undefined, undefined] etc.\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n return {\n isValid: true,\n parsed: values,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "yxuk3toabw"
+ },
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:40.4040+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ"
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "2023-09-28T17:44:40",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "2023-09-28 05:44:40 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A"
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true,
+ "dependencies": ["schema"],
+ "id": "lse0zoc2va"
+ },
+ {
+ "propertyName": "defaultValue",
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ja2ajih4dt"
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time precision",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "None",
+ "minute",
+ "second"
+ ],
+ "default": "minute"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "shyiw0wg5q"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "501hx5c3o5"
+ },
+ {
+ "helpText": "Sets the default value of the field. The array is updated when the default value changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY"
+ },
+ "dependencies": ["schema"],
+ "id": "1i1jbad2uv"
+ },
+ {
+ "propertyName": "children",
+ "label": "Field configuration",
+ "helpText": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "identifier",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "fieldType",
+ "label": "Field Type",
+ "helpText": "Type of the widget to be used corresponding to the field",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Array",
+ "value": "Array"
+ },
+ {
+ "label": "Checkbox",
+ "value": "Checkbox"
+ },
+ {
+ "label": "Currency Input",
+ "value": "Currency Input"
+ },
+ {
+ "label": "Datepicker",
+ "value": "Datepicker"
+ },
+ {
+ "label": "Email Input",
+ "value": "Email Input"
+ },
+ {
+ "label": "Multiselect",
+ "value": "Multiselect"
+ },
+ {
+ "label": "Multiline Text Input",
+ "value": "Multiline Text Input"
+ },
+ {
+ "label": "Number Input",
+ "value": "Number Input"
+ },
+ {
+ "label": "Object",
+ "value": "Object"
+ },
+ {
+ "label": "Password Input",
+ "value": "Password Input"
+ },
+ {
+ "label": "Phone Number Input",
+ "value": "Phone Number Input"
+ },
+ {
+ "label": "Radio Group",
+ "value": "Radio Group"
+ },
+ {
+ "label": "Select",
+ "value": "Select"
+ },
+ {
+ "label": "Switch",
+ "value": "Switch"
+ },
+ {
+ "label": "Text Input",
+ "value": "Text Input"
+ }
+ ],
+ "dependencies": [
+ "schema",
+ "childStylesheet",
+ "dynamicBindingPathList"
+ ],
+ "id": "4k7sd8nc5f"
+ },
+ {
+ "propertyName": "accessor",
+ "helpText": "Sets the property name of the field which can be used to access the value in formData and fieldState.",
+ "label": "Property Name",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "name",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "unique string",
+ "example": "firstName | last_name | age14",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function accessorValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var grandParentPath = propertyPathChunks.slice(0, -2).join(\".\");\n var schemaItemIdentifier = propertyPathChunks.slice(-2)[0]; // ['schema', '__root_field__', 'children', 'age', 'name'] -> age\n var schema = lodash.cloneDeep(lodash.get(props, grandParentPath));\n var RESTRICTED_KEYS = [\"__array_item__\", \"__root_schema__\"];\n var currentSchemaItem = lodash.cloneDeep(schema[schemaItemIdentifier]);\n // Remove the current edited schemaItem from schema so it doesn't\n // get picked in the existing keys list\n delete schema[schemaItemIdentifier];\n\n // If the field is not _id (mongo id) then it shouldn't be allowed\n if (currentSchemaItem.originalIdentifier !== \"_id\") {\n RESTRICTED_KEYS.push(\"_id\");\n }\n if (value === \"\") {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"ValidationError\",\n message: \"Property Name cannot be empty\"\n }]\n };\n }\n var existingKeys = (Object.values(schema) || []).map(\n // @ts-expect-error: Types are not available\n function (schemaItem) {\n return schemaItem.name;\n });\n if (existingKeys.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"Property name already in use.\"\n }]\n };\n }\n if (RESTRICTED_KEYS.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"This is a restricted Property Name\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "jiqycfk515"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": ["value"],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "n1ssipf1c6"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets the default text of the field. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "5dy5xhr2r0"
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ac9b0hxif9"
+ },
+ {
+ "propertyName": "dialCode",
+ "helpText": "Changes the country code",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "1gk30aq6vg"
+ },
+ {
+ "propertyName": "currencyCountryCode",
+ "helpText": "Changes the type of currency",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "r4rc2gl7yv"
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Allow Country Code Change",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "o4qnc8g5ck"
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8ka8k3fe0f"
+ },
+ {
+ "propertyName": "decimalsInCurrency",
+ "helpText": "No. of decimals in currency input",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "dependencies": ["schema"],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "bkfl5tqpt9"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default Selected",
+ "helpText": "Sets the On/Off default state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "tfd0w3ng3p"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{ \"label\": \"Option1\", \"value\": \"Option2\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: 'value should match: string | { \"label\": \"label1\", \"value\": \"value1\" }'\n };\n var value = inputValue;\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n return {\n isValid: true,\n parsed: inputValue,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (typeof inputValue === \"string\") {\n try {\n value = JSON.parse(inputValue);\n } catch (e) {}\n }\n if (_.isString(value) || _.isFinite(value)) {\n // When value is \"\", \"green\", 444\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (hasLabelValueProperties(value)) {\n // When value is {label: \"green\", value: \"green\"}\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n return {\n isValid: false,\n parsed: {},\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "7d1t5sb9n6"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function optionsCustomValidation(options, props, _) {\n var validationUtil = function validationUtil(options, _) {\n var _isValid = true;\n var message = {\n name: \"\",\n message: \"\"\n };\n var valueType = \"\";\n var uniqueLabels = {};\n for (var i = 0; i < options.length; i++) {\n var _options$i = options[i],\n label = _options$i.label,\n value = _options$i.value;\n if (!valueType) {\n valueType = typeof value;\n }\n //Checks the uniqueness all the values in the options\n if (!uniqueLabels.hasOwnProperty(value)) {\n uniqueLabels[value] = \"\";\n } else {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"path:value must be unique. Duplicate values found\"\n };\n break;\n }\n\n //Check if the required field \"label\" is present:\n if (!label) {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Missing required key: label\"\n };\n break;\n }\n\n //Validation checks for the the label.\n if (_.isNil(label) || label === \"\" || typeof label !== \"string\" && typeof label !== \"number\") {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Value of key: label is invalid: This value does not evaluate to type string\"\n };\n break;\n }\n\n //Check if all the data types for the value prop is the same.\n if (typeof value !== valueType) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: \"All value properties in options must have the same type\"\n };\n break;\n }\n\n //Check if the each object has value property.\n if (_.isNil(value)) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n };\n break;\n }\n }\n return {\n isValid: _isValid,\n parsed: _isValid ? options : [],\n messages: [message]\n };\n };\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n }]\n };\n try {\n if (_.isString(options)) {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return validationUtil(options, _);\n } else {\n return invalidResponse;\n }\n } catch (e) {\n return invalidResponse;\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": ["schema"],
+ "id": "9fcmbz6h9w"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets a default selected option",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValidation(value, props, _) {\n //Checks if the value is not of object type in {{}}\n if (_.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n\n //Checks if the value is not of boolean type in {{}}\n if (_.isBoolean(value)) {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "6991frkbwg"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected values",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: \"value should match: Array | Array<{label: string, value: string | number}>\"\n };\n var UNIQUE_ERROR_MESSAGE = {\n name: \"ValidationError\",\n message: \"value must be unique. Duplicate values found\"\n };\n var hasUniqueValues = function hasUniqueValues(arr) {\n var uniqueValues = new Set(arr);\n return uniqueValues.size === arr.length;\n };\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // When value is \"['green', 'red']\", \"[{label: 'green', value: 'green'}]\" and \"green, red\"\n var convertToArray = function convertToArray(value) {\n if (typeof value === \"string\" && value.trim() !== \"\") {\n try {\n var parsedValue = JSON.parse(value);\n if (Array.isArray(parsedValue)) return parsedValue;\n } catch (e) {\n return value.split(\",\").map(function (s) {\n return s.trim();\n });\n }\n }\n if (Array.isArray(value)) return value;\n return [];\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n var parsed = inputValue === \"\" ? undefined : inputValue;\n return {\n isValid: true,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n var values = convertToArray(inputValue);\n\n // If there is inputValue but was not converted to proper array\n // or the input value is not string and not an array then error is returned\n if (typeof inputValue === \"string\" && inputValue.trim() !== \"\" && !values.length || typeof inputValue !== \"string\" && !Array.isArray(inputValue)) {\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n\n // When value is [\"green\", \"red\"]\n if (values.every(function (val) {\n return _.isString(val) || _.isFinite(val);\n })) {\n if (!hasUniqueValues(values)) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n // When value is [{label: \"green\", value: \"red\"}]\n } else if (values.every(hasLabelValueProperties)) {\n if (!hasUniqueValues(values.map(function (val) {\n return val.value;\n }))) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n } else {\n // When value is [true, false], [undefined, undefined] etc.\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n return {\n isValid: true,\n parsed: values,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "yxuk3toabw"
+ },
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:40.4040+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ"
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "2023-09-28T17:44:40",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "2023-09-28 05:44:40 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A"
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true,
+ "dependencies": ["schema"],
+ "id": "lse0zoc2va"
+ },
+ {
+ "propertyName": "defaultValue",
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ja2ajih4dt"
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time precision",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "None",
+ "minute",
+ "second"
+ ],
+ "default": "minute"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "shyiw0wg5q"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "501hx5c3o5"
+ },
+ {
+ "helpText": "Sets the default value of the field. The array is updated when the default value changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY"
+ },
+ "dependencies": ["schema"],
+ "id": "1i1jbad2uv"
+ },
+ {
+ "propertyName": "children",
+ "label": "Field configuration",
+ "helpText": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "panelConfig": {
+ "editableTitle": true,
+ "titlePropertyName": "label",
+ "panelIdPropertyName": "identifier",
+ "contentChildren": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "propertyName": "fieldType",
+ "label": "Field Type",
+ "helpText": "Type of the widget to be used corresponding to the field",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Array",
+ "value": "Array"
+ },
+ {
+ "label": "Checkbox",
+ "value": "Checkbox"
+ },
+ {
+ "label": "Currency Input",
+ "value": "Currency Input"
+ },
+ {
+ "label": "Datepicker",
+ "value": "Datepicker"
+ },
+ {
+ "label": "Email Input",
+ "value": "Email Input"
+ },
+ {
+ "label": "Multiselect",
+ "value": "Multiselect"
+ },
+ {
+ "label": "Multiline Text Input",
+ "value": "Multiline Text Input"
+ },
+ {
+ "label": "Number Input",
+ "value": "Number Input"
+ },
+ {
+ "label": "Object",
+ "value": "Object"
+ },
+ {
+ "label": "Password Input",
+ "value": "Password Input"
+ },
+ {
+ "label": "Phone Number Input",
+ "value": "Phone Number Input"
+ },
+ {
+ "label": "Radio Group",
+ "value": "Radio Group"
+ },
+ {
+ "label": "Select",
+ "value": "Select"
+ },
+ {
+ "label": "Switch",
+ "value": "Switch"
+ },
+ {
+ "label": "Text Input",
+ "value": "Text Input"
+ }
+ ],
+ "dependencies": [
+ "schema",
+ "childStylesheet",
+ "dynamicBindingPathList"
+ ],
+ "id": "4k7sd8nc5f"
+ },
+ {
+ "propertyName": "accessor",
+ "helpText": "Sets the property name of the field which can be used to access the value in formData and fieldState.",
+ "label": "Property Name",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "name",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "unique string",
+ "example": "firstName | last_name | age14",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function accessorValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var grandParentPath = propertyPathChunks.slice(0, -2).join(\".\");\n var schemaItemIdentifier = propertyPathChunks.slice(-2)[0]; // ['schema', '__root_field__', 'children', 'age', 'name'] -> age\n var schema = lodash.cloneDeep(lodash.get(props, grandParentPath));\n var RESTRICTED_KEYS = [\"__array_item__\", \"__root_schema__\"];\n var currentSchemaItem = lodash.cloneDeep(schema[schemaItemIdentifier]);\n // Remove the current edited schemaItem from schema so it doesn't\n // get picked in the existing keys list\n delete schema[schemaItemIdentifier];\n\n // If the field is not _id (mongo id) then it shouldn't be allowed\n if (currentSchemaItem.originalIdentifier !== \"_id\") {\n RESTRICTED_KEYS.push(\"_id\");\n }\n if (value === \"\") {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"ValidationError\",\n message: \"Property Name cannot be empty\"\n }]\n };\n }\n var existingKeys = (Object.values(schema) || []).map(\n // @ts-expect-error: Types are not available\n function (schemaItem) {\n return schemaItem.name;\n });\n if (existingKeys.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"Property name already in use.\"\n }]\n };\n }\n if (RESTRICTED_KEYS.includes(value)) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"ValidationError\",\n message: \"This is a restricted Property Name\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "jiqycfk515"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY",
+ "params": {
+ "unique": [
+ "value"
+ ],
+ "children": {
+ "type": "OBJECT",
+ "params": {
+ "required": true,
+ "allowedKeys": [
+ {
+ "name": "label",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ },
+ {
+ "name": "value",
+ "type": "TEXT",
+ "params": {
+ "default": "",
+ "required": true
+ }
+ }
+ ]
+ }
+ }
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "n1ssipf1c6"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets the default text of the field. The text is updated if the default text changes",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "John Doe",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string or number",
+ "example": "John | 123",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "5dy5xhr2r0"
+ },
+ {
+ "helpText": "Sets the default text of the widget. The text is updated if the default text changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "(000) 000-0000",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string",
+ "example": "(000) 000-0000",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultValueValidation(value, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var fieldType = schemaItem.fieldType;\n if (value === null || value === undefined) {\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n\n // Cannot use FieldType typing check as this whole method is passed as string and executed on worker, so it results\n // any methods/variable (closure) usage as reference error.\n // CAUTION! - make sure the correct fieldType is used here as string.\n if (fieldType === \"Number Input\" || fieldType === \"Currency Input\") {\n var _parsed = Number(value);\n if (typeof value === \"string\") {\n if (value.trim() === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (!Number.isFinite(_parsed)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be a number\"\n }]\n };\n }\n }\n return {\n isValid: true,\n parsed: _parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (lodash.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n var parsed = value;\n var isValid = lodash.isString(parsed);\n if (!isValid) {\n try {\n parsed = lodash.toString(parsed);\n isValid = true;\n } catch (e) {\n return {\n isValid: false,\n parsed: \"\",\n messages: [{\n name: \"TypeError\",\n message: \"This value must be string\"\n }]\n };\n }\n }\n return {\n isValid: isValid,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "ac9b0hxif9"
+ },
+ {
+ "propertyName": "dialCode",
+ "helpText": "Changes the country code",
+ "label": "Default country code",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or country name",
+ "options": [
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "Afghanistan (+93)",
+ "value": "+93",
+ "id": "+93"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Aland Islands",
+ "label": "Aland Islands (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "Albania (+355)",
+ "value": "+355",
+ "id": "+355"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "Algeria (+213)",
+ "value": "+213",
+ "id": "+213"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "AmericanSamoa",
+ "label": "AmericanSamoa (+1684)",
+ "value": "+1684",
+ "id": "+1684"
+ },
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "Andorra (+376)",
+ "value": "+376",
+ "id": "+376"
+ },
+ {
+ "leftElement": "🇦🇴",
+ "searchText": "Angola",
+ "label": "Angola (+244)",
+ "value": "+244",
+ "id": "+244"
+ },
+ {
+ "leftElement": "🇦🇮",
+ "searchText": "Anguilla",
+ "label": "Anguilla (+1264)",
+ "value": "+1264",
+ "id": "+1264"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Antarctica",
+ "label": "Antarctica (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇦🇬",
+ "searchText": "Antigua and Barbuda",
+ "label": "Antigua and Barbuda (+1268)",
+ "value": "+1268",
+ "id": "+1268"
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "Argentina (+54)",
+ "value": "+54",
+ "id": "+54"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "Armenia (+374)",
+ "value": "+374",
+ "id": "+374"
+ },
+ {
+ "leftElement": "🇦🇼",
+ "searchText": "Aruba",
+ "label": "Aruba (+297)",
+ "value": "+297",
+ "id": "+297"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "Australia (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "Austria (+43)",
+ "value": "+43",
+ "id": "+43"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "Azerbaijan (+994)",
+ "value": "+994",
+ "id": "+994"
+ },
+ {
+ "leftElement": "🇧🇸",
+ "searchText": "Bahamas",
+ "label": "Bahamas (+1242)",
+ "value": "+1242",
+ "id": "+1242"
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "Bahrain (+973)",
+ "value": "+973",
+ "id": "+973"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "Bangladesh (+880)",
+ "value": "+880",
+ "id": "+880"
+ },
+ {
+ "leftElement": "🇧🇧",
+ "searchText": "Barbados",
+ "label": "Barbados (+1246)",
+ "value": "+1246",
+ "id": "+1246"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "Belarus (+375)",
+ "value": "+375",
+ "id": "+375"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "Belgium (+32)",
+ "value": "+32",
+ "id": "+32"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "Belize (+501)",
+ "value": "+501",
+ "id": "+501"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "Benin (+229)",
+ "value": "+229",
+ "id": "+229"
+ },
+ {
+ "leftElement": "🇧🇲",
+ "searchText": "Bermuda",
+ "label": "Bermuda (+1441)",
+ "value": "+1441",
+ "id": "+1441"
+ },
+ {
+ "leftElement": "🇧🇹",
+ "searchText": "Bhutan",
+ "label": "Bhutan (+975)",
+ "value": "+975",
+ "id": "+975"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia, Plurinational State of",
+ "label": "Bolivia, Plurinational State of (+591)",
+ "value": "+591",
+ "id": "+591"
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "Bosnia and Herzegovina (+387)",
+ "value": "+387",
+ "id": "+387"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "Botswana (+267)",
+ "value": "+267",
+ "id": "+267"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "Brazil (+55)",
+ "value": "+55",
+ "id": "+55"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "British Indian Ocean Territory (+246)",
+ "value": "+246",
+ "id": "+246"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "Brunei Darussalam (+673)",
+ "value": "+673",
+ "id": "+673"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "Bulgaria (+359)",
+ "value": "+359",
+ "id": "+359"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "Burkina Faso (+226)",
+ "value": "+226",
+ "id": "+226"
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "Burundi (+257)",
+ "value": "+257",
+ "id": "+257"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "Cambodia (+855)",
+ "value": "+855",
+ "id": "+855"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "Cameroon (+237)",
+ "value": "+237",
+ "id": "+237"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "Cape Verde (+238)",
+ "value": "+238",
+ "id": "+238"
+ },
+ {
+ "leftElement": "🇰🇾",
+ "searchText": "Cayman Islands",
+ "label": "Cayman Islands (+ 345)",
+ "value": "+ 345",
+ "id": "+ 345"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "Central African Republic (+236)",
+ "value": "+236",
+ "id": "+236"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "Chad (+235)",
+ "value": "+235",
+ "id": "+235"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "Chile (+56)",
+ "value": "+56",
+ "id": "+56"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "China (+86)",
+ "value": "+86",
+ "id": "+86"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Christmas Island",
+ "label": "Christmas Island (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "Cocos (Keeling) Islands (+61)",
+ "value": "+61",
+ "id": "+61"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "Colombia (+57)",
+ "value": "+57",
+ "id": "+57"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "Comoros (+269)",
+ "value": "+269",
+ "id": "+269"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo",
+ "label": "Congo (+242)",
+ "value": "+242",
+ "id": "+242"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, The Democratic Republic of the Congo",
+ "label": "Congo, The Democratic Republic of the Congo (+243)",
+ "value": "+243",
+ "id": "+243"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "Cook Islands (+682)",
+ "value": "+682",
+ "id": "+682"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "Costa Rica (+506)",
+ "value": "+506",
+ "id": "+506"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "Cote d'Ivoire (+225)",
+ "value": "+225",
+ "id": "+225"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "Croatia (+385)",
+ "value": "+385",
+ "id": "+385"
+ },
+ {
+ "leftElement": "🇨🇺",
+ "searchText": "Cuba",
+ "label": "Cuba (+53)",
+ "value": "+53",
+ "id": "+53"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "Cyprus (+357)",
+ "value": "+357",
+ "id": "+357"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "Czech Republic (+420)",
+ "value": "+420",
+ "id": "+420"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "Denmark (+45)",
+ "value": "+45",
+ "id": "+45"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "Djibouti (+253)",
+ "value": "+253",
+ "id": "+253"
+ },
+ {
+ "leftElement": "🇩🇲",
+ "searchText": "Dominica",
+ "label": "Dominica (+1767)",
+ "value": "+1767",
+ "id": "+1767"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "Dominican Republic (+1849)",
+ "value": "+1849",
+ "id": "+1849"
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "Ecuador (+593)",
+ "value": "+593",
+ "id": "+593"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "Egypt (+20)",
+ "value": "+20",
+ "id": "+20"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "El Salvador (+503)",
+ "value": "+503",
+ "id": "+503"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "Equatorial Guinea (+240)",
+ "value": "+240",
+ "id": "+240"
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "Eritrea (+291)",
+ "value": "+291",
+ "id": "+291"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "Estonia (+372)",
+ "value": "+372",
+ "id": "+372"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "Ethiopia (+251)",
+ "value": "+251",
+ "id": "+251"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "Falkland Islands (Malvinas)",
+ "label": "Falkland Islands (Malvinas) (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "Faroe Islands (+298)",
+ "value": "+298",
+ "id": "+298"
+ },
+ {
+ "leftElement": "🇫🇯",
+ "searchText": "Fiji",
+ "label": "Fiji (+679)",
+ "value": "+679",
+ "id": "+679"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Finland",
+ "label": "Finland (+358)",
+ "value": "+358",
+ "id": "+358"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "France (+33)",
+ "value": "+33",
+ "id": "+33"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "French Guiana (+594)",
+ "value": "+594",
+ "id": "+594"
+ },
+ {
+ "leftElement": "🇵🇫",
+ "searchText": "French Polynesia",
+ "label": "French Polynesia (+689)",
+ "value": "+689",
+ "id": "+689"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "Gabon (+241)",
+ "value": "+241",
+ "id": "+241"
+ },
+ {
+ "leftElement": "🇬🇲",
+ "searchText": "Gambia",
+ "label": "Gambia (+220)",
+ "value": "+220",
+ "id": "+220"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "Georgia (+995)",
+ "value": "+995",
+ "id": "+995"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "Germany (+49)",
+ "value": "+49",
+ "id": "+49"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "Ghana (+233)",
+ "value": "+233",
+ "id": "+233"
+ },
+ {
+ "leftElement": "🇬🇮",
+ "searchText": "Gibraltar",
+ "label": "Gibraltar (+350)",
+ "value": "+350",
+ "id": "+350"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "Greece (+30)",
+ "value": "+30",
+ "id": "+30"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "Greenland (+299)",
+ "value": "+299",
+ "id": "+299"
+ },
+ {
+ "leftElement": "🇬🇩",
+ "searchText": "Grenada",
+ "label": "Grenada (+1473)",
+ "value": "+1473",
+ "id": "+1473"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "Guadeloupe (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "Guam (+1671)",
+ "value": "+1671",
+ "id": "+1671"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "Guatemala (+502)",
+ "value": "+502",
+ "id": "+502"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "Guernsey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "Guinea (+224)",
+ "value": "+224",
+ "id": "+224"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "Guinea-Bissau (+245)",
+ "value": "+245",
+ "id": "+245"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Guyana",
+ "label": "Guyana (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇭🇹",
+ "searchText": "Haiti",
+ "label": "Haiti (+509)",
+ "value": "+509",
+ "id": "+509"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "Holy See (Vatican City State) (+379)",
+ "value": "+379",
+ "id": "+379"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "Honduras (+504)",
+ "value": "+504",
+ "id": "+504"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "Hong Kong (+852)",
+ "value": "+852",
+ "id": "+852"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "Hungary (+36)",
+ "value": "+36",
+ "id": "+36"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "Iceland (+354)",
+ "value": "+354",
+ "id": "+354"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "India (+91)",
+ "value": "+91",
+ "id": "+91"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "Indonesia (+62)",
+ "value": "+62",
+ "id": "+62"
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of Persian Gulf",
+ "label": "Iran, Islamic Republic of Persian Gulf (+98)",
+ "value": "+98",
+ "id": "+98"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "Iraq (+964)",
+ "value": "+964",
+ "id": "+964"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "Ireland (+353)",
+ "value": "+353",
+ "id": "+353"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Isle of Man",
+ "label": "Isle of Man (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "Israel (+972)",
+ "value": "+972",
+ "id": "+972"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "Italy (+39)",
+ "value": "+39",
+ "id": "+39"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "Jamaica (+1876)",
+ "value": "+1876",
+ "id": "+1876"
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "Japan (+81)",
+ "value": "+81",
+ "id": "+81"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Jersey",
+ "label": "Jersey (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "Jordan (+962)",
+ "value": "+962",
+ "id": "+962"
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "Kazakhstan (+77)",
+ "value": "+77",
+ "id": "+77"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "Kenya (+254)",
+ "value": "+254",
+ "id": "+254"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "Kiribati (+686)",
+ "value": "+686",
+ "id": "+686"
+ },
+ {
+ "leftElement": "🇰🇵",
+ "searchText": "Korea, Democratic People's Republic of Korea",
+ "label": "Korea, Democratic People's Republic of Korea (+850)",
+ "value": "+850",
+ "id": "+850"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of South Korea",
+ "label": "Korea, Republic of South Korea (+82)",
+ "value": "+82",
+ "id": "+82"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "Kuwait (+965)",
+ "value": "+965",
+ "id": "+965"
+ },
+ {
+ "leftElement": "🇰🇬",
+ "searchText": "Kyrgyzstan",
+ "label": "Kyrgyzstan (+996)",
+ "value": "+996",
+ "id": "+996"
+ },
+ {
+ "leftElement": "🇱🇦",
+ "searchText": "Laos",
+ "label": "Laos (+856)",
+ "value": "+856",
+ "id": "+856"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "Latvia (+371)",
+ "value": "+371",
+ "id": "+371"
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "Lebanon (+961)",
+ "value": "+961",
+ "id": "+961"
+ },
+ {
+ "leftElement": "🇱🇸",
+ "searchText": "Lesotho",
+ "label": "Lesotho (+266)",
+ "value": "+266",
+ "id": "+266"
+ },
+ {
+ "leftElement": "🇱🇷",
+ "searchText": "Liberia",
+ "label": "Liberia (+231)",
+ "value": "+231",
+ "id": "+231"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libyan Arab Jamahiriya",
+ "label": "Libyan Arab Jamahiriya (+218)",
+ "value": "+218",
+ "id": "+218"
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "Liechtenstein (+423)",
+ "value": "+423",
+ "id": "+423"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "Lithuania (+370)",
+ "value": "+370",
+ "id": "+370"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "Luxembourg (+352)",
+ "value": "+352",
+ "id": "+352"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "Macao (+853)",
+ "value": "+853",
+ "id": "+853"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia",
+ "label": "Macedonia (+389)",
+ "value": "+389",
+ "id": "+389"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "Madagascar (+261)",
+ "value": "+261",
+ "id": "+261"
+ },
+ {
+ "leftElement": "🇲🇼",
+ "searchText": "Malawi",
+ "label": "Malawi (+265)",
+ "value": "+265",
+ "id": "+265"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "Malaysia (+60)",
+ "value": "+60",
+ "id": "+60"
+ },
+ {
+ "leftElement": "🇲🇻",
+ "searchText": "Maldives",
+ "label": "Maldives (+960)",
+ "value": "+960",
+ "id": "+960"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "Mali (+223)",
+ "value": "+223",
+ "id": "+223"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "Malta (+356)",
+ "value": "+356",
+ "id": "+356"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "Marshall Islands (+692)",
+ "value": "+692",
+ "id": "+692"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "Martinique (+596)",
+ "value": "+596",
+ "id": "+596"
+ },
+ {
+ "leftElement": "🇲🇷",
+ "searchText": "Mauritania",
+ "label": "Mauritania (+222)",
+ "value": "+222",
+ "id": "+222"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "Mauritius (+230)",
+ "value": "+230",
+ "id": "+230"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "Mayotte (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "Mexico (+52)",
+ "value": "+52",
+ "id": "+52"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of Micronesia",
+ "label": "Micronesia, Federated States of Micronesia (+691)",
+ "value": "+691",
+ "id": "+691"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova",
+ "label": "Moldova (+373)",
+ "value": "+373",
+ "id": "+373"
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "Monaco (+377)",
+ "value": "+377",
+ "id": "+377"
+ },
+ {
+ "leftElement": "🇲🇳",
+ "searchText": "Mongolia",
+ "label": "Mongolia (+976)",
+ "value": "+976",
+ "id": "+976"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "Montenegro (+382)",
+ "value": "+382",
+ "id": "+382"
+ },
+ {
+ "leftElement": "🇲🇸",
+ "searchText": "Montserrat",
+ "label": "Montserrat (+1664)",
+ "value": "+1664",
+ "id": "+1664"
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "Morocco (+212)",
+ "value": "+212",
+ "id": "+212"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "Mozambique (+258)",
+ "value": "+258",
+ "id": "+258"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "Myanmar (+95)",
+ "value": "+95",
+ "id": "+95"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "Namibia (+264)",
+ "value": "+264",
+ "id": "+264"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "Nauru (+674)",
+ "value": "+674",
+ "id": "+674"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "Nepal (+977)",
+ "value": "+977",
+ "id": "+977"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "Netherlands (+31)",
+ "value": "+31",
+ "id": "+31"
+ },
+ {
+ "leftElement": "🇦🇳",
+ "searchText": "Netherlands Antilles",
+ "label": "Netherlands Antilles (+599)",
+ "value": "+599",
+ "id": "+599"
+ },
+ {
+ "leftElement": "🇳🇨",
+ "searchText": "New Caledonia",
+ "label": "New Caledonia (+687)",
+ "value": "+687",
+ "id": "+687"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "New Zealand (+64)",
+ "value": "+64",
+ "id": "+64"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "Nicaragua (+505)",
+ "value": "+505",
+ "id": "+505"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "Niger (+227)",
+ "value": "+227",
+ "id": "+227"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "Nigeria (+234)",
+ "value": "+234",
+ "id": "+234"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "Niue (+683)",
+ "value": "+683",
+ "id": "+683"
+ },
+ {
+ "leftElement": "🇦🇶",
+ "searchText": "Norfolk Island",
+ "label": "Norfolk Island (+672)",
+ "value": "+672",
+ "id": "+672"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "Northern Mariana Islands (+1670)",
+ "value": "+1670",
+ "id": "+1670"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "Norway (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "Oman (+968)",
+ "value": "+968",
+ "id": "+968"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "Pakistan (+92)",
+ "value": "+92",
+ "id": "+92"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "Palau (+680)",
+ "value": "+680",
+ "id": "+680"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestinian Territory, Occupied",
+ "label": "Palestinian Territory, Occupied (+970)",
+ "value": "+970",
+ "id": "+970"
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "Panama (+507)",
+ "value": "+507",
+ "id": "+507"
+ },
+ {
+ "leftElement": "🇵🇬",
+ "searchText": "Papua New Guinea",
+ "label": "Papua New Guinea (+675)",
+ "value": "+675",
+ "id": "+675"
+ },
+ {
+ "leftElement": "🇬🇾",
+ "searchText": "Paraguay",
+ "label": "Paraguay (+595)",
+ "value": "+595",
+ "id": "+595"
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "Peru (+51)",
+ "value": "+51",
+ "id": "+51"
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "Philippines (+63)",
+ "value": "+63",
+ "id": "+63"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "Pitcairn (+872)",
+ "value": "+872",
+ "id": "+872"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "Poland (+48)",
+ "value": "+48",
+ "id": "+48"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "Portugal (+351)",
+ "value": "+351",
+ "id": "+351"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "Puerto Rico (+1939)",
+ "value": "+1939",
+ "id": "+1939"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "Qatar (+974)",
+ "value": "+974",
+ "id": "+974"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "Romania (+40)",
+ "value": "+40",
+ "id": "+40"
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russia",
+ "label": "Russia (+7)",
+ "value": "+7",
+ "id": "+7"
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "Rwanda (+250)",
+ "value": "+250",
+ "id": "+250"
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Reunion",
+ "label": "Reunion (+262)",
+ "value": "+262",
+ "id": "+262"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Barthelemy",
+ "label": "Saint Barthelemy (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇸🇭",
+ "searchText": "Saint Helena, Ascension and Tristan Da Cunha",
+ "label": "Saint Helena, Ascension and Tristan Da Cunha (+290)",
+ "value": "+290",
+ "id": "+290"
+ },
+ {
+ "leftElement": "🇰🇳",
+ "searchText": "Saint Kitts and Nevis",
+ "label": "Saint Kitts and Nevis (+1869)",
+ "value": "+1869",
+ "id": "+1869"
+ },
+ {
+ "leftElement": "🇱🇨",
+ "searchText": "Saint Lucia",
+ "label": "Saint Lucia (+1758)",
+ "value": "+1758",
+ "id": "+1758"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Saint Martin",
+ "label": "Saint Martin (+590)",
+ "value": "+590",
+ "id": "+590"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "Saint Pierre and Miquelon (+508)",
+ "value": "+508",
+ "id": "+508"
+ },
+ {
+ "leftElement": "🇻🇨",
+ "searchText": "Saint Vincent and the Grenadines",
+ "label": "Saint Vincent and the Grenadines (+1784)",
+ "value": "+1784",
+ "id": "+1784"
+ },
+ {
+ "leftElement": "🇼🇸",
+ "searchText": "Samoa",
+ "label": "Samoa (+685)",
+ "value": "+685",
+ "id": "+685"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "San Marino (+378)",
+ "value": "+378",
+ "id": "+378"
+ },
+ {
+ "leftElement": "🇸🇹",
+ "searchText": "Sao Tome and Principe",
+ "label": "Sao Tome and Principe (+239)",
+ "value": "+239",
+ "id": "+239"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "Saudi Arabia (+966)",
+ "value": "+966",
+ "id": "+966"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "Senegal (+221)",
+ "value": "+221",
+ "id": "+221"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "Serbia (+381)",
+ "value": "+381",
+ "id": "+381"
+ },
+ {
+ "leftElement": "🇸🇨",
+ "searchText": "Seychelles",
+ "label": "Seychelles (+248)",
+ "value": "+248",
+ "id": "+248"
+ },
+ {
+ "leftElement": "🇸🇱",
+ "searchText": "Sierra Leone",
+ "label": "Sierra Leone (+232)",
+ "value": "+232",
+ "id": "+232"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "Singapore (+65)",
+ "value": "+65",
+ "id": "+65"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "Slovakia (+421)",
+ "value": "+421",
+ "id": "+421"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "Slovenia (+386)",
+ "value": "+386",
+ "id": "+386"
+ },
+ {
+ "leftElement": "🇸🇧",
+ "searchText": "Solomon Islands",
+ "label": "Solomon Islands (+677)",
+ "value": "+677",
+ "id": "+677"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "Somalia (+252)",
+ "value": "+252",
+ "id": "+252"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "South Africa (+27)",
+ "value": "+27",
+ "id": "+27"
+ },
+ {
+ "leftElement": "🇸🇸",
+ "searchText": "South Sudan",
+ "label": "South Sudan (+211)",
+ "value": "+211",
+ "id": "+211"
+ },
+ {
+ "leftElement": "🇫🇰",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "South Georgia and the South Sandwich Islands (+500)",
+ "value": "+500",
+ "id": "+500"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "Spain (+34)",
+ "value": "+34",
+ "id": "+34"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "Sri Lanka (+94)",
+ "value": "+94",
+ "id": "+94"
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "Sudan (+249)",
+ "value": "+249",
+ "id": "+249"
+ },
+ {
+ "leftElement": "🇸🇷",
+ "searchText": "Suriname",
+ "label": "Suriname (+597)",
+ "value": "+597",
+ "id": "+597"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "Svalbard and Jan Mayen (+47)",
+ "value": "+47",
+ "id": "+47"
+ },
+ {
+ "leftElement": "🇸🇿",
+ "searchText": "Swaziland",
+ "label": "Swaziland (+268)",
+ "value": "+268",
+ "id": "+268"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "Sweden (+46)",
+ "value": "+46",
+ "id": "+46"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "Switzerland (+41)",
+ "value": "+41",
+ "id": "+41"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "Syrian Arab Republic (+963)",
+ "value": "+963",
+ "id": "+963"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan",
+ "label": "Taiwan (+886)",
+ "value": "+886",
+ "id": "+886"
+ },
+ {
+ "leftElement": "🇹🇯",
+ "searchText": "Tajikistan",
+ "label": "Tajikistan (+992)",
+ "value": "+992",
+ "id": "+992"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "Tanzania, United Republic of Tanzania",
+ "label": "Tanzania, United Republic of Tanzania (+255)",
+ "value": "+255",
+ "id": "+255"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "Thailand (+66)",
+ "value": "+66",
+ "id": "+66"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "Timor-Leste (+670)",
+ "value": "+670",
+ "id": "+670"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "Togo (+228)",
+ "value": "+228",
+ "id": "+228"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "Tokelau (+690)",
+ "value": "+690",
+ "id": "+690"
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "Tonga (+676)",
+ "value": "+676",
+ "id": "+676"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "Trinidad and Tobago (+1868)",
+ "value": "+1868",
+ "id": "+1868"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "Tunisia (+216)",
+ "value": "+216",
+ "id": "+216"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "Turkey (+90)",
+ "value": "+90",
+ "id": "+90"
+ },
+ {
+ "leftElement": "🇹🇲",
+ "searchText": "Turkmenistan",
+ "label": "Turkmenistan (+993)",
+ "value": "+993",
+ "id": "+993"
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "Turks and Caicos Islands (+1649)",
+ "value": "+1649",
+ "id": "+1649"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "Tuvalu (+688)",
+ "value": "+688",
+ "id": "+688"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "Uganda (+256)",
+ "value": "+256",
+ "id": "+256"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "Ukraine (+380)",
+ "value": "+380",
+ "id": "+380"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "United Arab Emirates (+971)",
+ "value": "+971",
+ "id": "+971"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "United Kingdom",
+ "label": "United Kingdom (+44)",
+ "value": "+44",
+ "id": "+44"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States / Canada",
+ "label": "United States / Canada (+1)",
+ "value": "+1",
+ "id": "+1"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "Uruguay (+598)",
+ "value": "+598",
+ "id": "+598"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "Uzbekistan (+998)",
+ "value": "+998",
+ "id": "+998"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "Vanuatu (+678)",
+ "value": "+678",
+ "id": "+678"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela, Bolivarian Republic of Venezuela",
+ "label": "Venezuela, Bolivarian Republic of Venezuela (+58)",
+ "value": "+58",
+ "id": "+58"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "Vietnam (+84)",
+ "value": "+84",
+ "id": "+84"
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "Virgin Islands, British",
+ "label": "Virgin Islands, British (+1284)",
+ "value": "+1284",
+ "id": "+1284"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "Virgin Islands, U.S.",
+ "label": "Virgin Islands, U.S. (+1340)",
+ "value": "+1340",
+ "id": "+1340"
+ },
+ {
+ "leftElement": "🇼🇫",
+ "searchText": "Wallis and Futuna",
+ "label": "Wallis and Futuna (+681)",
+ "value": "+681",
+ "id": "+681"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "Yemen (+967)",
+ "value": "+967",
+ "id": "+967"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "Zambia (+260)",
+ "value": "+260",
+ "id": "+260"
+ },
+ {
+ "leftElement": "🇿🇼",
+ "searchText": "Zimbabwe",
+ "label": "Zimbabwe (+263)",
+ "value": "+263",
+ "id": "+263"
+ }
+ ],
+ "dependencies": [
+ "schema"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "1gk30aq6vg"
+ },
+ {
+ "propertyName": "currencyCountryCode",
+ "helpText": "Changes the type of currency",
+ "label": "Currency",
+ "enableSearch": true,
+ "dropdownHeight": "195px",
+ "controlType": "DROP_DOWN",
+ "virtual": true,
+ "searchPlaceholderText": "Search by code or name",
+ "options": [
+ {
+ "leftElement": "🇦🇩",
+ "searchText": "Andorra",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇪",
+ "searchText": "United Arab Emirates",
+ "label": "AED - United Arab Emirates Dirham",
+ "value": "AED",
+ "id": "د.إ."
+ },
+ {
+ "leftElement": "🇦🇫",
+ "searchText": "Afghanistan",
+ "label": "AFN - Afghan Afghani",
+ "value": "AFN",
+ "id": "؋"
+ },
+ {
+ "leftElement": "🇦🇱",
+ "searchText": "Albania",
+ "label": "ALL - Albanian Lek",
+ "value": "ALL",
+ "id": "Lek"
+ },
+ {
+ "leftElement": "🇦🇲",
+ "searchText": "Armenia",
+ "label": "AMD - Armenian Dram",
+ "value": "AMD",
+ "id": "դր."
+ },
+ {
+ "leftElement": "🇦🇷",
+ "searchText": "Argentina",
+ "label": "ARS - Argentine Peso",
+ "value": "ARS",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇸",
+ "searchText": "American Samoa",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇹",
+ "searchText": "Austria",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇺",
+ "searchText": "Australia",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇦🇽",
+ "searchText": "Alland Islands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇦🇿",
+ "searchText": "Azerbaijan",
+ "label": "AZN - Azerbaijani Manat",
+ "value": "AZN",
+ "id": "ман."
+ },
+ {
+ "leftElement": "🇧🇦",
+ "searchText": "Bosnia and Herzegovina",
+ "label": "BAM - Bosnia-Herzegovina Convertible Mark",
+ "value": "BAM",
+ "id": "KM"
+ },
+ {
+ "leftElement": "🇧🇩",
+ "searchText": "Bangladesh",
+ "label": "BDT - Bangladeshi Taka",
+ "value": "BDT",
+ "id": "৳"
+ },
+ {
+ "leftElement": "🇧🇪",
+ "searchText": "Belgium",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇫",
+ "searchText": "Burkina Faso",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇬",
+ "searchText": "Bulgaria",
+ "label": "BGN - Bulgarian Lev",
+ "value": "BGN",
+ "id": "лв."
+ },
+ {
+ "leftElement": "🇧🇭",
+ "searchText": "Bahrain",
+ "label": "BHD - Bahraini Dinar",
+ "value": "BHD",
+ "id": "د.ب."
+ },
+ {
+ "leftElement": "🇧🇮",
+ "searchText": "Burundi",
+ "label": "BIF - Burundian Franc",
+ "value": "BIF",
+ "id": "FBu"
+ },
+ {
+ "leftElement": "🇧🇯",
+ "searchText": "Benin",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇧🇱",
+ "searchText": "Saint Barthelemy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇧🇳",
+ "searchText": "Brunei Darussalam",
+ "label": "BND - Brunei Dollar",
+ "value": "BND",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇧🇴",
+ "searchText": "Bolivia",
+ "label": "BOB - Bolivian Boliviano",
+ "value": "BOB",
+ "id": "Bs"
+ },
+ {
+ "leftElement": "🇧🇷",
+ "searchText": "Brazil",
+ "label": "BRL - Brazilian Real",
+ "value": "BRL",
+ "id": "R$"
+ },
+ {
+ "leftElement": "🇧🇻",
+ "searchText": "Bouvet Island",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇧🇼",
+ "searchText": "Botswana",
+ "label": "BWP - Botswanan Pula",
+ "value": "BWP",
+ "id": "P"
+ },
+ {
+ "leftElement": "🇧🇾",
+ "searchText": "Belarus",
+ "label": "BYR - Belarusian Ruble",
+ "value": "BYR",
+ "id": "BYR"
+ },
+ {
+ "leftElement": "🇧🇿",
+ "searchText": "Belize",
+ "label": "BZD - Belize Dollar",
+ "value": "BZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇦",
+ "searchText": "Canada",
+ "label": "CAD - Canadian Dollar",
+ "value": "CAD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇨",
+ "searchText": "Cocos (Keeling) Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇩",
+ "searchText": "Congo, Democratic Republic of the",
+ "label": "CDF - Congolese Franc",
+ "value": "CDF",
+ "id": "FrCD"
+ },
+ {
+ "leftElement": "🇨🇫",
+ "searchText": "Central African Republic",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇬",
+ "searchText": "Congo, Republic of the",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇭",
+ "searchText": "Switzerland",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇨🇮",
+ "searchText": "Cote d'Ivoire",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇨🇰",
+ "searchText": "Cook Islands",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇱",
+ "searchText": "Chile",
+ "label": "CLP - Chilean Peso",
+ "value": "CLP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇲",
+ "searchText": "Cameroon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇨🇳",
+ "searchText": "China",
+ "label": "CNY - Chinese Yuan",
+ "value": "CNY",
+ "id": "CN¥"
+ },
+ {
+ "leftElement": "🇨🇴",
+ "searchText": "Colombia",
+ "label": "COP - Colombian Peso",
+ "value": "COP",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇷",
+ "searchText": "Costa Rica",
+ "label": "CRC - Costa Rican Colón",
+ "value": "CRC",
+ "id": "₡"
+ },
+ {
+ "leftElement": "🇨🇻",
+ "searchText": "Cape Verde",
+ "label": "CVE - Cape Verdean Escudo",
+ "value": "CVE",
+ "id": "CV$"
+ },
+ {
+ "leftElement": "🇨🇽",
+ "searchText": "Christmas Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇨🇾",
+ "searchText": "Cyprus",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇨🇿",
+ "searchText": "Czech Republic",
+ "label": "CZK - Czech Republic Koruna",
+ "value": "CZK",
+ "id": "Kč"
+ },
+ {
+ "leftElement": "🇩🇪",
+ "searchText": "Germany",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇩🇯",
+ "searchText": "Djibouti",
+ "label": "DJF - Djiboutian Franc",
+ "value": "DJF",
+ "id": "Fdj"
+ },
+ {
+ "leftElement": "🇩🇰",
+ "searchText": "Denmark",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇩🇴",
+ "searchText": "Dominican Republic",
+ "label": "DOP - Dominican Peso",
+ "value": "DOP",
+ "id": "RD$"
+ },
+ {
+ "leftElement": "🇩🇿",
+ "searchText": "Algeria",
+ "label": "DZD - Algerian Dinar",
+ "value": "DZD",
+ "id": "د.ج."
+ },
+ {
+ "leftElement": "🇪🇨",
+ "searchText": "Ecuador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇪🇪",
+ "searchText": "Estonia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇬",
+ "searchText": "Egypt",
+ "label": "EGP - Egyptian Pound",
+ "value": "EGP",
+ "id": "ج.م."
+ },
+ {
+ "leftElement": "🇪🇭",
+ "searchText": "Western Sahara",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇪🇷",
+ "searchText": "Eritrea",
+ "label": "ERN - Eritrean Nakfa",
+ "value": "ERN",
+ "id": "Nfk"
+ },
+ {
+ "leftElement": "🇪🇸",
+ "searchText": "Spain",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇪🇹",
+ "searchText": "Ethiopia",
+ "label": "ETB - Ethiopian Birr",
+ "value": "ETB",
+ "id": "Br"
+ },
+ {
+ "leftElement": "🇫🇮",
+ "searchText": "Finland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇫🇲",
+ "searchText": "Micronesia, Federated States of",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇫🇴",
+ "searchText": "Faroe Islands",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇫🇷",
+ "searchText": "France",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇦",
+ "searchText": "Gabon",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇧",
+ "searchText": "United Kingdom",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇪",
+ "searchText": "Georgia",
+ "label": "GEL - Georgian Lari",
+ "value": "GEL",
+ "id": "GEL"
+ },
+ {
+ "leftElement": "🇬🇫",
+ "searchText": "French Guiana",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇬",
+ "searchText": "Guernsey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇭",
+ "searchText": "Ghana",
+ "label": "GHS - Ghanaian Cedi",
+ "value": "GHS",
+ "id": "GH₵"
+ },
+ {
+ "leftElement": "🇬🇱",
+ "searchText": "Greenland",
+ "label": "DKK - Danish Krone",
+ "value": "DKK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇬🇳",
+ "searchText": "Guinea",
+ "label": "GNF - Guinean Franc",
+ "value": "GNF",
+ "id": "FG"
+ },
+ {
+ "leftElement": "🇬🇵",
+ "searchText": "Guadeloupe",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇶",
+ "searchText": "Equatorial Guinea",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇬🇷",
+ "searchText": "Greece",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇬🇸",
+ "searchText": "South Georgia and the South Sandwich Islands",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇬🇹",
+ "searchText": "Guatemala",
+ "label": "GTQ - Guatemalan Quetzal",
+ "value": "GTQ",
+ "id": "Q"
+ },
+ {
+ "leftElement": "🇬🇺",
+ "searchText": "Guam",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇬🇼",
+ "searchText": "Guinea-Bissau",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇭🇰",
+ "searchText": "Hong Kong",
+ "label": "HKD - Hong Kong Dollar",
+ "value": "HKD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇲",
+ "searchText": "Heard Island and McDonald Islands",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇭🇳",
+ "searchText": "Honduras",
+ "label": "HNL - Honduran Lempira",
+ "value": "HNL",
+ "id": "L"
+ },
+ {
+ "leftElement": "🇭🇷",
+ "searchText": "Croatia",
+ "label": "HRK - Croatian Kuna",
+ "value": "HRK",
+ "id": "kn"
+ },
+ {
+ "leftElement": "🇭🇺",
+ "searchText": "Hungary",
+ "label": "HUF - Hungarian Forint",
+ "value": "HUF",
+ "id": "Ft"
+ },
+ {
+ "leftElement": "🇮🇩",
+ "searchText": "Indonesia",
+ "label": "IDR - Indonesian Rupiah",
+ "value": "IDR",
+ "id": "Rp"
+ },
+ {
+ "leftElement": "🇮🇪",
+ "searchText": "Ireland",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇮🇱",
+ "searchText": "Israel",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇮🇲",
+ "searchText": "Isle of Man",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇮🇳",
+ "searchText": "India",
+ "label": "INR - Indian Rupee",
+ "value": "INR",
+ "id": "₹"
+ },
+ {
+ "leftElement": "🇮🇴",
+ "searchText": "British Indian Ocean Territory",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇮🇶",
+ "searchText": "Iraq",
+ "label": "IQD - Iraqi Dinar",
+ "value": "IQD",
+ "id": "د.ع."
+ },
+ {
+ "leftElement": "🇮🇷",
+ "searchText": "Iran, Islamic Republic of",
+ "label": "IRR - Iranian Rial",
+ "value": "IRR",
+ "id": "﷼"
+ },
+ {
+ "leftElement": "🇮🇸",
+ "searchText": "Iceland",
+ "label": "ISK - Icelandic Króna",
+ "value": "ISK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇮🇹",
+ "searchText": "Italy",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇯🇪",
+ "searchText": "Jersey",
+ "label": "GBP - British Pound Sterling",
+ "value": "GBP",
+ "id": "£"
+ },
+ {
+ "leftElement": "🇯🇲",
+ "searchText": "Jamaica",
+ "label": "JMD - Jamaican Dollar",
+ "value": "JMD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇯🇴",
+ "searchText": "Jordan",
+ "label": "JOD - Jordanian Dinar",
+ "value": "JOD",
+ "id": "د.أ."
+ },
+ {
+ "leftElement": "🇯🇵",
+ "searchText": "Japan",
+ "label": "JPY - Japanese Yen",
+ "value": "JPY",
+ "id": "￥"
+ },
+ {
+ "leftElement": "🇰🇪",
+ "searchText": "Kenya",
+ "label": "KES - Kenyan Shilling",
+ "value": "KES",
+ "id": "Ksh"
+ },
+ {
+ "leftElement": "🇰🇭",
+ "searchText": "Cambodia",
+ "label": "KHR - Cambodian Riel",
+ "value": "KHR",
+ "id": "៛"
+ },
+ {
+ "leftElement": "🇰🇮",
+ "searchText": "Kiribati",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇰🇲",
+ "searchText": "Comoros",
+ "label": "KMF - Comorian Franc",
+ "value": "KMF",
+ "id": "FC"
+ },
+ {
+ "leftElement": "🇰🇷",
+ "searchText": "Korea, Republic of",
+ "label": "KRW - South Korean Won",
+ "value": "KRW",
+ "id": "₩"
+ },
+ {
+ "leftElement": "🇰🇼",
+ "searchText": "Kuwait",
+ "label": "KWD - Kuwaiti Dinar",
+ "value": "KWD",
+ "id": "د.ك."
+ },
+ {
+ "leftElement": "🇰🇿",
+ "searchText": "Kazakhstan",
+ "label": "KZT - Kazakhstani Tenge",
+ "value": "KZT",
+ "id": "тңг."
+ },
+ {
+ "leftElement": "🇱🇧",
+ "searchText": "Lebanon",
+ "label": "LBP - Lebanese Pound",
+ "value": "LBP",
+ "id": "ل.ل."
+ },
+ {
+ "leftElement": "🇱🇮",
+ "searchText": "Liechtenstein",
+ "label": "CHF - Swiss Franc",
+ "value": "CHF",
+ "id": "CHF"
+ },
+ {
+ "leftElement": "🇱🇰",
+ "searchText": "Sri Lanka",
+ "label": "LKR - Sri Lankan Rupee",
+ "value": "LKR",
+ "id": "SL Re"
+ },
+ {
+ "leftElement": "🇱🇹",
+ "searchText": "Lithuania",
+ "label": "LTL - Lithuanian Litas",
+ "value": "LTL",
+ "id": "Lt"
+ },
+ {
+ "leftElement": "🇱🇺",
+ "searchText": "Luxembourg",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇻",
+ "searchText": "Latvia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇱🇾",
+ "searchText": "Libya",
+ "label": "LYD - Libyan Dinar",
+ "value": "LYD",
+ "id": "د.ل."
+ },
+ {
+ "leftElement": "🇲🇦",
+ "searchText": "Morocco",
+ "label": "MAD - Moroccan Dirham",
+ "value": "MAD",
+ "id": "د.م."
+ },
+ {
+ "leftElement": "🇲🇨",
+ "searchText": "Monaco",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇩",
+ "searchText": "Moldova, Republic of",
+ "label": "MDL - Moldovan Leu",
+ "value": "MDL",
+ "id": "MDL"
+ },
+ {
+ "leftElement": "🇲🇪",
+ "searchText": "Montenegro",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇫",
+ "searchText": "Saint Martin (French part)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇬",
+ "searchText": "Madagascar",
+ "label": "MGA - Malagasy Ariary",
+ "value": "MGA",
+ "id": "MGA"
+ },
+ {
+ "leftElement": "🇲🇭",
+ "searchText": "Marshall Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇰",
+ "searchText": "Macedonia, the Former Yugoslav Republic of",
+ "label": "MKD - Macedonian Denar",
+ "value": "MKD",
+ "id": "MKD"
+ },
+ {
+ "leftElement": "🇲🇱",
+ "searchText": "Mali",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇲🇲",
+ "searchText": "Myanmar",
+ "label": "MMK - Myanma Kyat",
+ "value": "MMK",
+ "id": "K"
+ },
+ {
+ "leftElement": "🇲🇴",
+ "searchText": "Macao",
+ "label": "MOP - Macanese Pataca",
+ "value": "MOP",
+ "id": "MOP$"
+ },
+ {
+ "leftElement": "🇲🇵",
+ "searchText": "Northern Mariana Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇶",
+ "searchText": "Martinique",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇹",
+ "searchText": "Malta",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇲🇺",
+ "searchText": "Mauritius",
+ "label": "MUR - Mauritian Rupee",
+ "value": "MUR",
+ "id": "MURs"
+ },
+ {
+ "leftElement": "🇲🇽",
+ "searchText": "Mexico",
+ "label": "MXN - Mexican Peso",
+ "value": "MXN",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇲🇾",
+ "searchText": "Malaysia",
+ "label": "MYR - Malaysian Ringgit",
+ "value": "MYR",
+ "id": "RM"
+ },
+ {
+ "leftElement": "🇲🇿",
+ "searchText": "Mozambique",
+ "label": "MZN - Mozambican Metical",
+ "value": "MZN",
+ "id": "MTn"
+ },
+ {
+ "leftElement": "🇳🇦",
+ "searchText": "Namibia",
+ "label": "NAD - Namibian Dollar",
+ "value": "NAD",
+ "id": "N$"
+ },
+ {
+ "leftElement": "🇳🇪",
+ "searchText": "Niger",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇳🇫",
+ "searchText": "Norfolk Island",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇬",
+ "searchText": "Nigeria",
+ "label": "NGN - Nigerian Naira",
+ "value": "NGN",
+ "id": "₦"
+ },
+ {
+ "leftElement": "🇳🇮",
+ "searchText": "Nicaragua",
+ "label": "NIO - Nicaraguan Córdoba",
+ "value": "NIO",
+ "id": "C$"
+ },
+ {
+ "leftElement": "🇳🇱",
+ "searchText": "Netherlands",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇳🇴",
+ "searchText": "Norway",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇳🇵",
+ "searchText": "Nepal",
+ "label": "NPR - Nepalese Rupee",
+ "value": "NPR",
+ "id": "नेरू"
+ },
+ {
+ "leftElement": "🇳🇷",
+ "searchText": "Nauru",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇺",
+ "searchText": "Niue",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇳🇿",
+ "searchText": "New Zealand",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇴🇲",
+ "searchText": "Oman",
+ "label": "OMR - Omani Rial",
+ "value": "OMR",
+ "id": "ر.ع."
+ },
+ {
+ "leftElement": "🇵🇦",
+ "searchText": "Panama",
+ "label": "PAB - Panamanian Balboa",
+ "value": "PAB",
+ "id": "B/."
+ },
+ {
+ "leftElement": "🇵🇪",
+ "searchText": "Peru",
+ "label": "PEN - Peruvian Nuevo Sol",
+ "value": "PEN",
+ "id": "S/."
+ },
+ {
+ "leftElement": "🇵🇭",
+ "searchText": "Philippines",
+ "label": "PHP - Philippine Peso",
+ "value": "PHP",
+ "id": "₱"
+ },
+ {
+ "leftElement": "🇵🇰",
+ "searchText": "Pakistan",
+ "label": "PKR - Pakistani Rupee",
+ "value": "PKR",
+ "id": "₨"
+ },
+ {
+ "leftElement": "🇵🇱",
+ "searchText": "Poland",
+ "label": "PLN - Polish Zloty",
+ "value": "PLN",
+ "id": "zł"
+ },
+ {
+ "leftElement": "🇵🇲",
+ "searchText": "Saint Pierre and Miquelon",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇳",
+ "searchText": "Pitcairn",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇷",
+ "searchText": "Puerto Rico",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇸",
+ "searchText": "Palestine, State of",
+ "label": "ILS - Israeli New Sheqel",
+ "value": "ILS",
+ "id": "₪"
+ },
+ {
+ "leftElement": "🇵🇹",
+ "searchText": "Portugal",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇵🇼",
+ "searchText": "Palau",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇵🇾",
+ "searchText": "Paraguay",
+ "label": "PYG - Paraguayan Guarani",
+ "value": "PYG",
+ "id": "₲"
+ },
+ {
+ "leftElement": "🇶🇦",
+ "searchText": "Qatar",
+ "label": "QAR - Qatari Rial",
+ "value": "QAR",
+ "id": "ر.ق."
+ },
+ {
+ "leftElement": "🇷🇪",
+ "searchText": "Reunion",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇷🇴",
+ "searchText": "Romania",
+ "label": "RON - Romanian Leu",
+ "value": "RON",
+ "id": "RON"
+ },
+ {
+ "leftElement": "🇷🇸",
+ "searchText": "Serbia",
+ "label": "RSD - Serbian Dinar",
+ "value": "RSD",
+ "id": "дин."
+ },
+ {
+ "leftElement": "🇷🇺",
+ "searchText": "Russian Federation",
+ "label": "RUB - Russian Ruble",
+ "value": "RUB",
+ "id": "руб."
+ },
+ {
+ "leftElement": "🇷🇼",
+ "searchText": "Rwanda",
+ "label": "RWF - Rwandan Franc",
+ "value": "RWF",
+ "id": "FR"
+ },
+ {
+ "leftElement": "🇸🇦",
+ "searchText": "Saudi Arabia",
+ "label": "SAR - Saudi Riyal",
+ "value": "SAR",
+ "id": "ر.س."
+ },
+ {
+ "leftElement": "🇸🇩",
+ "searchText": "Sudan",
+ "label": "SDG - Sudanese Pound",
+ "value": "SDG",
+ "id": "SDG"
+ },
+ {
+ "leftElement": "🇸🇪",
+ "searchText": "Sweden",
+ "label": "SEK - Swedish Krona",
+ "value": "SEK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇬",
+ "searchText": "Singapore",
+ "label": "SGD - Singapore Dollar",
+ "value": "SGD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇮",
+ "searchText": "Slovenia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇯",
+ "searchText": "Svalbard and Jan Mayen",
+ "label": "NOK - Norwegian Krone",
+ "value": "NOK",
+ "id": "kr"
+ },
+ {
+ "leftElement": "🇸🇰",
+ "searchText": "Slovakia",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇲",
+ "searchText": "San Marino",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇸🇳",
+ "searchText": "Senegal",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇸🇴",
+ "searchText": "Somalia",
+ "label": "SOS - Somali Shilling",
+ "value": "SOS",
+ "id": "Ssh"
+ },
+ {
+ "leftElement": "🇸🇻",
+ "searchText": "El Salvador",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇸🇾",
+ "searchText": "Syrian Arab Republic",
+ "label": "SYP - Syrian Pound",
+ "value": "SYP",
+ "id": "ل.س."
+ },
+ {
+ "leftElement": "🇹🇨",
+ "searchText": "Turks and Caicos Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇩",
+ "searchText": "Chad",
+ "label": "XAF - CFA Franc BEAC",
+ "value": "XAF",
+ "id": "FCFA"
+ },
+ {
+ "leftElement": "🇹🇫",
+ "searchText": "French Southern Territories",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇹🇬",
+ "searchText": "Togo",
+ "label": "XOF - CFA Franc BCEAO",
+ "value": "XOF",
+ "id": "CFA"
+ },
+ {
+ "leftElement": "🇹🇭",
+ "searchText": "Thailand",
+ "label": "THB - Thai Baht",
+ "value": "THB",
+ "id": "฿"
+ },
+ {
+ "leftElement": "🇹🇰",
+ "searchText": "Tokelau",
+ "label": "NZD - New Zealand Dollar",
+ "value": "NZD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇱",
+ "searchText": "Timor-Leste",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇳",
+ "searchText": "Tunisia",
+ "label": "TND - Tunisian Dinar",
+ "value": "TND",
+ "id": "د.ت."
+ },
+ {
+ "leftElement": "🇹🇴",
+ "searchText": "Tonga",
+ "label": "TOP - Tongan Paʻanga",
+ "value": "TOP",
+ "id": "T$"
+ },
+ {
+ "leftElement": "🇹🇷",
+ "searchText": "Turkey",
+ "label": "TRY - Turkish Lira",
+ "value": "TRY",
+ "id": "TL"
+ },
+ {
+ "leftElement": "🇹🇹",
+ "searchText": "Trinidad and Tobago",
+ "label": "TTD - Trinidad and Tobago Dollar",
+ "value": "TTD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇻",
+ "searchText": "Tuvalu",
+ "label": "AUD - Australian Dollar",
+ "value": "AUD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇹🇼",
+ "searchText": "Taiwan, Province of China",
+ "label": "TWD - New Taiwan Dollar",
+ "value": "TWD",
+ "id": "NT$"
+ },
+ {
+ "leftElement": "🇹🇿",
+ "searchText": "United Republic of Tanzania",
+ "label": "TZS - Tanzanian Shilling",
+ "value": "TZS",
+ "id": "TSh"
+ },
+ {
+ "leftElement": "🇺🇦",
+ "searchText": "Ukraine",
+ "label": "UAH - Ukrainian Hryvnia",
+ "value": "UAH",
+ "id": "₴"
+ },
+ {
+ "leftElement": "🇺🇬",
+ "searchText": "Uganda",
+ "label": "UGX - Ugandan Shilling",
+ "value": "UGX",
+ "id": "USh"
+ },
+ {
+ "leftElement": "🇺🇸",
+ "searchText": "United States",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇾",
+ "searchText": "Uruguay",
+ "label": "UYU - Uruguayan Peso",
+ "value": "UYU",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇺🇿",
+ "searchText": "Uzbekistan",
+ "label": "UZS - Uzbekistan Som",
+ "value": "UZS",
+ "id": "UZS"
+ },
+ {
+ "leftElement": "🇻🇦",
+ "searchText": "Holy See (Vatican City State)",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇻🇪",
+ "searchText": "Venezuela",
+ "label": "VEF - Venezuelan Bolívar",
+ "value": "VEF",
+ "id": "Bs.F."
+ },
+ {
+ "leftElement": "🇻🇬",
+ "searchText": "British Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇮",
+ "searchText": "US Virgin Islands",
+ "label": "USD - US Dollar",
+ "value": "USD",
+ "id": "$"
+ },
+ {
+ "leftElement": "🇻🇳",
+ "searchText": "Vietnam",
+ "label": "VND - Vietnamese Dong",
+ "value": "VND",
+ "id": "₫"
+ },
+ {
+ "leftElement": "🇻🇺",
+ "searchText": "Vanuatu",
+ "label": "VUV - Vanuatu Vatu",
+ "value": "VUV",
+ "id": "VT"
+ },
+ {
+ "leftElement": "🇽🇰",
+ "searchText": "Kosovo",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇾🇪",
+ "searchText": "Yemen",
+ "label": "YER - Yemeni Rial",
+ "value": "YER",
+ "id": "ر.ي."
+ },
+ {
+ "leftElement": "🇾🇹",
+ "searchText": "Mayotte",
+ "label": "EUR - Euro",
+ "value": "EUR",
+ "id": "€"
+ },
+ {
+ "leftElement": "🇿🇦",
+ "searchText": "South Africa",
+ "label": "ZAR - South African Rand",
+ "value": "ZAR",
+ "id": "R"
+ },
+ {
+ "leftElement": "🇿🇲",
+ "searchText": "Zambia",
+ "label": "ZMK - Zambian Kwacha",
+ "value": "ZMK",
+ "id": "ZK"
+ }
+ ],
+ "dependencies": [
+ "schema"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "r4rc2gl7yv"
+ },
+ {
+ "propertyName": "allowDialCodeChange",
+ "label": "Allow Country Code Change",
+ "helpText": "Search by country",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "schema"
+ ],
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "o4qnc8g5ck"
+ },
+ {
+ "propertyName": "allowCurrencyChange",
+ "label": "Allow currency change",
+ "helpText": "Search by currency or country",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "8ka8k3fe0f"
+ },
+ {
+ "propertyName": "decimalsInCurrency",
+ "helpText": "No. of decimals in currency input",
+ "label": "Decimals allowed",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "0",
+ "value": 0
+ },
+ {
+ "label": "1",
+ "value": 1
+ },
+ {
+ "label": "2",
+ "value": 2
+ }
+ ],
+ "dependencies": [
+ "schema"
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "id": "bkfl5tqpt9"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default Selected",
+ "helpText": "Sets the On/Off default state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "tfd0w3ng3p"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{ \"label\": \"Option1\", \"value\": \"Option2\" }",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "value1 or { \"label\": \"label1\", \"value\": \"value1\" }",
+ "example": "value1 | { \"label\": \"label1\", \"value\": \"value1\" }",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: 'value should match: string | { \"label\": \"label1\", \"value\": \"value1\" }'\n };\n var value = inputValue;\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n return {\n isValid: true,\n parsed: inputValue,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (typeof inputValue === \"string\") {\n try {\n value = JSON.parse(inputValue);\n } catch (e) {}\n }\n if (_.isString(value) || _.isFinite(value)) {\n // When value is \"\", \"green\", 444\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n if (hasLabelValueProperties(value)) {\n // When value is {label: \"green\", value: \"green\"}\n return {\n isValid: true,\n parsed: value,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n return {\n isValid: false,\n parsed: {},\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema"
+ ],
+ "id": "7d1t5sb9n6"
+ },
+ {
+ "propertyName": "options",
+ "helpText": "Allows users to select from the given option(s). Values must be unique",
+ "label": "Options",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "[{ \"label\": \"Option1\", \"value\": \"Option2\" }]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array<{ \"label\": \"string\", \"value\": \"string\" | number}>",
+ "example": "[{\"label\": \"One\", \"value\": \"one\"}]",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function optionsCustomValidation(options, props, _) {\n var validationUtil = function validationUtil(options, _) {\n var _isValid = true;\n var message = {\n name: \"\",\n message: \"\"\n };\n var valueType = \"\";\n var uniqueLabels = {};\n for (var i = 0; i < options.length; i++) {\n var _options$i = options[i],\n label = _options$i.label,\n value = _options$i.value;\n if (!valueType) {\n valueType = typeof value;\n }\n //Checks the uniqueness all the values in the options\n if (!uniqueLabels.hasOwnProperty(value)) {\n uniqueLabels[value] = \"\";\n } else {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"path:value must be unique. Duplicate values found\"\n };\n break;\n }\n\n //Check if the required field \"label\" is present:\n if (!label) {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Missing required key: label\"\n };\n break;\n }\n\n //Validation checks for the the label.\n if (_.isNil(label) || label === \"\" || typeof label !== \"string\" && typeof label !== \"number\") {\n _isValid = false;\n message = {\n name: \"ValidationError\",\n message: \"Invalid entry at index: \" + i + \". Value of key: label is invalid: This value does not evaluate to type string\"\n };\n break;\n }\n\n //Check if all the data types for the value prop is the same.\n if (typeof value !== valueType) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: \"All value properties in options must have the same type\"\n };\n break;\n }\n\n //Check if the each object has value property.\n if (_.isNil(value)) {\n _isValid = false;\n message = {\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n };\n break;\n }\n }\n return {\n isValid: _isValid,\n parsed: _isValid ? options : [],\n messages: [message]\n };\n };\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: 'This value does not evaluate to type Array<{ \"label\": \"string\", \"value\": \"string\" | number }>'\n }]\n };\n try {\n if (_.isString(options)) {\n options = JSON.parse(options);\n }\n if (Array.isArray(options)) {\n return validationUtil(options, _);\n } else {\n return invalidResponse;\n }\n } catch (e) {\n return invalidResponse;\n }\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema"
+ ],
+ "id": "9fcmbz6h9w"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Sets a default selected option",
+ "label": "Default selected value",
+ "placeholderText": "Y",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "string |\nnumber (only works in mustache syntax)",
+ "example": "abc | {{1}}",
+ "autocompleteDataType": "STRING"
+ },
+ "fnString": "function defaultOptionValidation(value, props, _) {\n //Checks if the value is not of object type in {{}}\n if (_.isObject(value)) {\n return {\n isValid: false,\n parsed: JSON.stringify(value, null, 2),\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n\n //Checks if the value is not of boolean type in {{}}\n if (_.isBoolean(value)) {\n return {\n isValid: false,\n parsed: value,\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type: string or number\"\n }]\n };\n }\n return {\n isValid: true,\n parsed: value\n };\n}"
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "6991frkbwg"
+ },
+ {
+ "propertyName": "defaultValue",
+ "helpText": "Selects the option with value by default",
+ "label": "Default selected values",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[GREEN]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array of values",
+ "example": "['option1', 'option2'] | [{ \"label\": \"label1\", \"value\": \"value1\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function defaultOptionValueValidation(inputValue, props, _) {\n var DEFAULT_ERROR_MESSAGE = {\n name: \"TypeError\",\n message: \"value should match: Array | Array<{label: string, value: string | number}>\"\n };\n var UNIQUE_ERROR_MESSAGE = {\n name: \"ValidationError\",\n message: \"value must be unique. Duplicate values found\"\n };\n var hasUniqueValues = function hasUniqueValues(arr) {\n var uniqueValues = new Set(arr);\n return uniqueValues.size === arr.length;\n };\n var hasLabelValueProperties = function hasLabelValueProperties(obj) {\n return _.isPlainObject(obj) && obj.hasOwnProperty(\"label\") && obj.hasOwnProperty(\"value\") && _.isString(obj.label) && (_.isString(obj.value) || _.isFinite(obj.value));\n };\n\n // When value is \"['green', 'red']\", \"[{label: 'green', value: 'green'}]\" and \"green, red\"\n var convertToArray = function convertToArray(value) {\n if (typeof value === \"string\" && value.trim() !== \"\") {\n try {\n var parsedValue = JSON.parse(value);\n if (Array.isArray(parsedValue)) return parsedValue;\n } catch (e) {\n return value.split(\",\").map(function (s) {\n return s.trim();\n });\n }\n }\n if (Array.isArray(value)) return value;\n return [];\n };\n\n // If input value is empty string then we can fairly assume that the input\n // was cleared out and can be treated as undefined.\n if (inputValue === undefined || inputValue === null || inputValue === \"\") {\n var parsed = inputValue === \"\" ? undefined : inputValue;\n return {\n isValid: true,\n parsed: parsed,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n var values = convertToArray(inputValue);\n\n // If there is inputValue but was not converted to proper array\n // or the input value is not string and not an array then error is returned\n if (typeof inputValue === \"string\" && inputValue.trim() !== \"\" && !values.length || typeof inputValue !== \"string\" && !Array.isArray(inputValue)) {\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n\n // When value is [\"green\", \"red\"]\n if (values.every(function (val) {\n return _.isString(val) || _.isFinite(val);\n })) {\n if (!hasUniqueValues(values)) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n // When value is [{label: \"green\", value: \"red\"}]\n } else if (values.every(hasLabelValueProperties)) {\n if (!hasUniqueValues(values.map(function (val) {\n return val.value;\n }))) {\n return {\n isValid: false,\n parsed: [],\n messages: [UNIQUE_ERROR_MESSAGE]\n };\n }\n } else {\n // When value is [true, false], [undefined, undefined] etc.\n return {\n isValid: false,\n parsed: [],\n messages: [DEFAULT_ERROR_MESSAGE]\n };\n }\n return {\n isValid: true,\n parsed: values,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n}"
+ }
+ },
+ "evaluationSubstitutionType": "SMART_SUBSTITUTE",
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "yxuk3toabw"
+ },
+ {
+ "helpText": "Sets the format of the selected date",
+ "propertyName": "dateFormat",
+ "label": "Date format",
+ "controlType": "DROP_DOWN",
+ "isJSConvertible": true,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "optionWidth": "340px",
+ "options": [
+ {
+ "label": "2023-09-28T17:44:40.4040+05:30",
+ "subText": "ISO 8601",
+ "value": "YYYY-MM-DDTHH:mm:ss.sssZ"
+ },
+ {
+ "label": "September 28, 2023 5:44 PM",
+ "subText": "LLL",
+ "value": "LLL"
+ },
+ {
+ "label": "September 28, 2023",
+ "subText": "LL",
+ "value": "LL"
+ },
+ {
+ "label": "2023-09-28 17:44",
+ "subText": "YYYY-MM-DD HH:mm",
+ "value": "YYYY-MM-DD HH:mm"
+ },
+ {
+ "label": "2023-09-28T17:44:40",
+ "subText": "YYYY-MM-DDTHH:mm:ss",
+ "value": "YYYY-MM-DDTHH:mm:ss"
+ },
+ {
+ "label": "2023-09-28 05:44:40 PM",
+ "subText": "YYYY-MM-DD hh:mm:ss A",
+ "value": "YYYY-MM-DD hh:mm:ss A"
+ },
+ {
+ "label": "28/09/2023 17:44",
+ "subText": "DD/MM/YYYY HH:mm",
+ "value": "DD/MM/YYYY HH:mm"
+ },
+ {
+ "label": "28 September, 2023",
+ "subText": "D MMMM, YYYY",
+ "value": "D MMMM, YYYY"
+ },
+ {
+ "label": "17:44 PM 28 September, 2023",
+ "subText": "H:mm A D MMMM, YYYY",
+ "value": "H:mm A D MMMM, YYYY"
+ },
+ {
+ "label": "2023-09-28",
+ "subText": "YYYY-MM-DD",
+ "value": "YYYY-MM-DD"
+ },
+ {
+ "label": "09-28-2023",
+ "subText": "MM-DD-YYYY",
+ "value": "MM-DD-YYYY"
+ },
+ {
+ "label": "28-09-2023",
+ "subText": "DD-MM-YYYY",
+ "value": "DD-MM-YYYY"
+ },
+ {
+ "label": "09/28/2023",
+ "subText": "MM/DD/YYYY",
+ "value": "MM/DD/YYYY"
+ },
+ {
+ "label": "28/09/2023",
+ "subText": "DD/MM/YYYY",
+ "value": "DD/MM/YYYY"
+ },
+ {
+ "label": "28/09/23",
+ "subText": "DD/MM/YY",
+ "value": "DD/MM/YY"
+ },
+ {
+ "label": "09/28/23",
+ "subText": "MM/DD/YY",
+ "value": "MM/DD/YY"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "hideSubText": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "lse0zoc2va"
+ },
+ {
+ "propertyName": "defaultValue",
+ "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",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "ja2ajih4dt"
+ },
+ {
+ "propertyName": "timePrecision",
+ "label": "Time precision",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the different time picker or hide.",
+ "defaultValue": "minute",
+ "options": [
+ {
+ "label": "None",
+ "value": "None"
+ },
+ {
+ "label": "Minute",
+ "value": "minute"
+ },
+ {
+ "label": "Second",
+ "value": "second"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "None",
+ "minute",
+ "second"
+ ],
+ "default": "minute"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "shyiw0wg5q"
+ },
+ {
+ "propertyName": "defaultValue",
+ "label": "Default state",
+ "helpText": "Sets the default checked state of the field",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "501hx5c3o5"
+ },
+ {
+ "helpText": "Sets the default value of the field. The array is updated when the default value changes",
+ "propertyName": "defaultValue",
+ "label": "Default value",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "[]",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "ARRAY"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "1i1jbad2uv"
+ },
+ {
+ "propertyName": "children",
+ "label": "Field configuration",
+ "helpText": "Field configuration",
+ "controlType": "FIELD_CONFIGURATION",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "schema",
+ "childStylesheet"
+ ],
+ "id": "vm8w6cts18"
+ }
+ ],
+ "id": "noksa9g9wo"
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label text of the field",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kll4kude66"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the Position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "7l9ttzwphf"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "dependencies": [
+ "schema"
+ ],
+ "id": "g3flp65do8"
+ }
+ ],
+ "id": "0mx8yae1nf"
+ },
+ {
+ "sectionName": "Search and Filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "59zt1xqjq4"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "4382m6yai4"
+ },
+ {
+ "propertyName": "onFilterUpdate",
+ "helpText": "Trigger an action on change of filterText",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ocie9vv1ho"
+ },
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "iwdwdqh0rq"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "8fd8md2y5x"
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "r5ylicaotz"
+ }
+ ],
+ "id": "93l9sq2zjw"
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nqm549kufy"
+ },
+ {
+ "propertyName": "maxChars",
+ "helpText": "Sets maximum allowed text length",
+ "label": "Max Chars",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "4wxxko597u"
+ },
+ {
+ "propertyName": "minNum",
+ "helpText": "Sets the minimum allowed value",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function minValueValidation(min, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var max = schemaItem.maxNum;\n var value = min;\n min = Number(min);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(min)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (max !== undefined && min >= max) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be lesser than max value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: min,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n}"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "ey7yxc78e6"
+ },
+ {
+ "propertyName": "maxNum",
+ "helpText": "Sets the maximum allowed value",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function maxValueValidation(max, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var min = schemaItem.minNum;\n var value = max;\n max = Number(max);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(max)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (min !== undefined && max <= min) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be greater than min value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: Number(max),\n messages: [\"\"]\n };\n }\n}"
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "f82iarxa1p"
+ },
+ {
+ "propertyName": "regex",
+ "helpText": "Adds a validation to the input which displays an error on failure",
+ "label": "Regex",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "b4leojqihd"
+ },
+ {
+ "propertyName": "validation",
+ "helpText": "Sets the input validity based on a JS expression",
+ "label": "Valid",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "kuezc0b3ur"
+ },
+ {
+ "propertyName": "errorMessage",
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "label": "Error message",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Not a valid email!",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "zfj17xbxwh"
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "freaqocfto"
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "s6l5zqgpqu"
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "ztyaeqgbc6"
+ }
+ ],
+ "id": "vacvhozslf"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "tooltip",
+ "helpText": "Show help text or details about current field",
+ "label": "Tooltip",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Passwords must be at-least 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "9pk0t1h5mf"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a placeholder text for the input",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "fip3uuzuql"
+ },
+ {
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "helpText": "Sets a placeholder text",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "uxli9qudru"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a Placeholder text",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "3yoqe23hbg"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the field",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "lu5kgkk6mb"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables the field",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kwz1bo571r"
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "g9qn64gkwx"
+ },
+ {
+ "propertyName": "allowSelectAll",
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "eg3kzhd42r"
+ },
+ {
+ "propertyName": "convertToISO",
+ "label": "Convert to ISO format",
+ "helpText": "Enabling this always converts the value in ISO form in the formData irrespective of the 'Date format' selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "a06t89j4pu"
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "caywz57f95"
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "0lvtrqbsdq"
+ },
+ {
+ "propertyName": "isCollapsible",
+ "label": "Collapsible",
+ "helpText": "Makes the array items collapsible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "itn3wl2vq7"
+ }
+ ],
+ "id": "mmkutpk8td"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "6io2xpct9k"
+ },
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "8f8wb7jchb"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "xnr1cdzhmg"
+ },
+ {
+ "propertyName": "onTextChanged",
+ "helpText": "when the text is changed",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "so7d8nor8o"
+ },
+ {
+ "propertyName": "onEnterKeyPress",
+ "helpText": "on submit (when the enter key is pressed)",
+ "label": "onEnterKeyPress",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema"
+ ],
+ "id": "zdd94b7kp6"
+ },
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ny8uaf6ef7"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "v5s9c92ocx"
+ },
+ {
+ "propertyName": "onFocus",
+ "helpText": "when focused.",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "abxitdwslg"
+ },
+ {
+ "propertyName": "onBlur",
+ "helpText": "when the field loses focus.",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nccu86i3wb"
+ },
+ {
+ "propertyName": "onSelectionChange",
+ "helpText": "when a user changes the selected option",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "0n7jjujv3l"
+ }
+ ],
+ "id": "3fhqjdezs8"
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "pjcui56ptf"
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "defaultValue": "0.875rem",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "out2n1s112"
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "m2dqiognyp"
+ }
+ ],
+ "id": "b3hv18o3h7"
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "4lyzinndd7"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon position of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "ccrdobz7ay"
+ }
+ ],
+ "id": "vnak6x9d30"
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "3ak38anbdw"
+ }
+ ],
+ "id": "76xno36ktr"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "9pdmfzbvyw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "jolm7nzzr3"
+ }
+ ],
+ "id": "e81g5uutg3"
+ },
+ {
+ "sectionName": "Object Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "ka25437rqc"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "wxx1m2d4es"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "x5e2skt8zy"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "j9noghkhct"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "8k57ofy7ls"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "6xsgkxuo35"
+ }
+ ],
+ "id": "qxfb8b9g6o"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "1r581y96cd"
+ },
+ {
+ "sectionName": "Array Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "hxbk1ra2ye"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "atf6lypp7p"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "fjm416x9qw"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "laxukxqfyf"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "r60he4tnf9"
+ }
+ ],
+ "id": "1x86ntp5a9"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "0z5p423lic"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "vkr0rsf3hj"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "2dawz7bx46"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "4x03eyupsr"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema"
+ ],
+ "id": "8jqqm9ezim"
+ }
+ ],
+ "id": "ddu4ev6eiq"
+ }
+ ]
+ },
+ "dependencies": [
+ "schema",
+ "childStylesheet"
+ ],
+ "id": "66b496uw2u"
+ }
+ ],
+ "id": "1z98l0v885"
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label text of the field",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kll4kude66"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the Position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "id": "7l9ttzwphf"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "dependencies": ["schema"],
+ "id": "g3flp65do8"
+ }
+ ],
+ "id": "khu6qoy7r3"
+ },
+ {
+ "sectionName": "Search and Filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "59zt1xqjq4"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "4382m6yai4"
+ },
+ {
+ "propertyName": "onFilterUpdate",
+ "helpText": "Trigger an action on change of filterText",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ocie9vv1ho"
+ },
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "iwdwdqh0rq"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8fd8md2y5x"
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "r5ylicaotz"
+ }
+ ],
+ "id": "eb7b39wrc9"
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nqm549kufy"
+ },
+ {
+ "propertyName": "maxChars",
+ "helpText": "Sets maximum allowed text length",
+ "label": "Max Chars",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "dependencies": ["schema"],
+ "id": "4wxxko597u"
+ },
+ {
+ "propertyName": "minNum",
+ "helpText": "Sets the minimum allowed value",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function minValueValidation(min, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var max = schemaItem.maxNum;\n var value = min;\n min = Number(min);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(min)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (max !== undefined && min >= max) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be lesser than max value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: min,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ey7yxc78e6"
+ },
+ {
+ "propertyName": "maxNum",
+ "helpText": "Sets the maximum allowed value",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function maxValueValidation(max, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var min = schemaItem.minNum;\n var value = max;\n max = Number(max);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(max)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (min !== undefined && max <= min) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be greater than min value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: Number(max),\n messages: [\"\"]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "f82iarxa1p"
+ },
+ {
+ "propertyName": "regex",
+ "helpText": "Adds a validation to the input which displays an error on failure",
+ "label": "Regex",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ },
+ "dependencies": ["schema"],
+ "id": "b4leojqihd"
+ },
+ {
+ "propertyName": "validation",
+ "helpText": "Sets the input validity based on a JS expression",
+ "label": "Valid",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "kuezc0b3ur"
+ },
+ {
+ "propertyName": "errorMessage",
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "label": "Error message",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Not a valid email!",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "zfj17xbxwh"
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "freaqocfto"
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "s6l5zqgpqu"
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ztyaeqgbc6"
+ }
+ ],
+ "id": "9rmqm9ptie"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "tooltip",
+ "helpText": "Show help text or details about current field",
+ "label": "Tooltip",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Passwords must be at-least 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "9pk0t1h5mf"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a placeholder text for the input",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "fip3uuzuql"
+ },
+ {
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "helpText": "Sets a placeholder text",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "uxli9qudru"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a Placeholder text",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3yoqe23hbg"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the field",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "lu5kgkk6mb"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables the field",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kwz1bo571r"
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "g9qn64gkwx"
+ },
+ {
+ "propertyName": "allowSelectAll",
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "eg3kzhd42r"
+ },
+ {
+ "propertyName": "convertToISO",
+ "label": "Convert to ISO format",
+ "helpText": "Enabling this always converts the value in ISO form in the formData irrespective of the 'Date format' selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "a06t89j4pu"
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "caywz57f95"
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "0lvtrqbsdq"
+ },
+ {
+ "propertyName": "isCollapsible",
+ "label": "Collapsible",
+ "helpText": "Makes the array items collapsible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "itn3wl2vq7"
+ }
+ ],
+ "id": "5l1ymvdeqi"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "6io2xpct9k"
+ },
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "8f8wb7jchb"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "xnr1cdzhmg"
+ },
+ {
+ "propertyName": "onTextChanged",
+ "helpText": "when the text is changed",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "so7d8nor8o"
+ },
+ {
+ "propertyName": "onEnterKeyPress",
+ "helpText": "on submit (when the enter key is pressed)",
+ "label": "onEnterKeyPress",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "zdd94b7kp6"
+ },
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ny8uaf6ef7"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "v5s9c92ocx"
+ },
+ {
+ "propertyName": "onFocus",
+ "helpText": "when focused.",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "abxitdwslg"
+ },
+ {
+ "propertyName": "onBlur",
+ "helpText": "when the field loses focus.",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nccu86i3wb"
+ },
+ {
+ "propertyName": "onSelectionChange",
+ "helpText": "when a user changes the selected option",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "0n7jjujv3l"
+ }
+ ],
+ "id": "w24zws8y6z"
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "pjcui56ptf"
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "defaultValue": "0.875rem",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "out2n1s112"
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "m2dqiognyp"
+ }
+ ],
+ "id": "z8fb95o90a"
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "4lyzinndd7"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon position of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "ccrdobz7ay"
+ }
+ ],
+ "id": "gmddpsefcv"
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3ak38anbdw"
+ }
+ ],
+ "id": "uofoum4ag7"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "9pdmfzbvyw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "jolm7nzzr3"
+ }
+ ],
+ "id": "d3urdku3d3"
+ },
+ {
+ "sectionName": "Object Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "ka25437rqc"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "wxx1m2d4es"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "x5e2skt8zy"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "j9noghkhct"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8k57ofy7ls"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "6xsgkxuo35"
+ }
+ ],
+ "id": "qxfb8b9g6o"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "1r581y96cd"
+ },
+ {
+ "sectionName": "Array Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "hxbk1ra2ye"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "atf6lypp7p"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "fjm416x9qw"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "laxukxqfyf"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "r60he4tnf9"
+ }
+ ],
+ "id": "1x86ntp5a9"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "0z5p423lic"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "vkr0rsf3hj"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "2dawz7bx46"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4x03eyupsr"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8jqqm9ezim"
+ }
+ ],
+ "id": "ddu4ev6eiq"
+ }
+ ]
+ },
+ "dependencies": [
+ "schema",
+ "childStylesheet"
+ ],
+ "id": "w5swej39m8"
+ }
+ ],
+ "id": "2t9qq8g0rd"
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label text of the field",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kll4kude66"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the Position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "id": "7l9ttzwphf"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "dependencies": ["schema"],
+ "id": "g3flp65do8"
+ }
+ ],
+ "id": "ll84epl3zf"
+ },
+ {
+ "sectionName": "Search and Filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "59zt1xqjq4"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "4382m6yai4"
+ },
+ {
+ "propertyName": "onFilterUpdate",
+ "helpText": "Trigger an action on change of filterText",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ocie9vv1ho"
+ },
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "iwdwdqh0rq"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8fd8md2y5x"
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "r5ylicaotz"
+ }
+ ],
+ "id": "qj0ubz2v03"
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nqm549kufy"
+ },
+ {
+ "propertyName": "maxChars",
+ "helpText": "Sets maximum allowed text length",
+ "label": "Max Chars",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "dependencies": ["schema"],
+ "id": "4wxxko597u"
+ },
+ {
+ "propertyName": "minNum",
+ "helpText": "Sets the minimum allowed value",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function minValueValidation(min, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var max = schemaItem.maxNum;\n var value = min;\n min = Number(min);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(min)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (max !== undefined && min >= max) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be lesser than max value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: min,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ey7yxc78e6"
+ },
+ {
+ "propertyName": "maxNum",
+ "helpText": "Sets the maximum allowed value",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function maxValueValidation(max, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var min = schemaItem.minNum;\n var value = max;\n max = Number(max);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(max)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (min !== undefined && max <= min) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be greater than min value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: Number(max),\n messages: [\"\"]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "f82iarxa1p"
+ },
+ {
+ "propertyName": "regex",
+ "helpText": "Adds a validation to the input which displays an error on failure",
+ "label": "Regex",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ },
+ "dependencies": ["schema"],
+ "id": "b4leojqihd"
+ },
+ {
+ "propertyName": "validation",
+ "helpText": "Sets the input validity based on a JS expression",
+ "label": "Valid",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "kuezc0b3ur"
+ },
+ {
+ "propertyName": "errorMessage",
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "label": "Error message",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Not a valid email!",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "zfj17xbxwh"
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "freaqocfto"
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "s6l5zqgpqu"
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ztyaeqgbc6"
+ }
+ ],
+ "id": "lxzurwziei"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "tooltip",
+ "helpText": "Show help text or details about current field",
+ "label": "Tooltip",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Passwords must be at-least 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "9pk0t1h5mf"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a placeholder text for the input",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "fip3uuzuql"
+ },
+ {
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "helpText": "Sets a placeholder text",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "uxli9qudru"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a Placeholder text",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3yoqe23hbg"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the field",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "lu5kgkk6mb"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables the field",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "kwz1bo571r"
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "g9qn64gkwx"
+ },
+ {
+ "propertyName": "allowSelectAll",
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "eg3kzhd42r"
+ },
+ {
+ "propertyName": "convertToISO",
+ "label": "Convert to ISO format",
+ "helpText": "Enabling this always converts the value in ISO form in the formData irrespective of the 'Date format' selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "a06t89j4pu"
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "caywz57f95"
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "0lvtrqbsdq"
+ },
+ {
+ "propertyName": "isCollapsible",
+ "label": "Collapsible",
+ "helpText": "Makes the array items collapsible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "itn3wl2vq7"
+ }
+ ],
+ "id": "mcpkrxaryk"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "6io2xpct9k"
+ },
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "8f8wb7jchb"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "xnr1cdzhmg"
+ },
+ {
+ "propertyName": "onTextChanged",
+ "helpText": "when the text is changed",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "so7d8nor8o"
+ },
+ {
+ "propertyName": "onEnterKeyPress",
+ "helpText": "on submit (when the enter key is pressed)",
+ "label": "onEnterKeyPress",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "zdd94b7kp6"
+ },
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "ny8uaf6ef7"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "v5s9c92ocx"
+ },
+ {
+ "propertyName": "onFocus",
+ "helpText": "when focused.",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "abxitdwslg"
+ },
+ {
+ "propertyName": "onBlur",
+ "helpText": "when the field loses focus.",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "nccu86i3wb"
+ },
+ {
+ "propertyName": "onSelectionChange",
+ "helpText": "when a user changes the selected option",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "0n7jjujv3l"
+ }
+ ],
+ "id": "xkqiw7mxfd"
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "pjcui56ptf"
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "defaultValue": "0.875rem",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "out2n1s112"
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": [
+ "schema",
+ "sourceData"
+ ],
+ "id": "m2dqiognyp"
+ }
+ ],
+ "id": "y7qy78259j"
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "4lyzinndd7"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon position of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "ccrdobz7ay"
+ }
+ ],
+ "id": "9q3cjafmgh"
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3ak38anbdw"
+ }
+ ],
+ "id": "h7yd2w0hfd"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "9pdmfzbvyw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "jolm7nzzr3"
+ }
+ ],
+ "id": "f622lir0gg"
+ },
+ {
+ "sectionName": "Object Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "ka25437rqc"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "wxx1m2d4es"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "x5e2skt8zy"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "j9noghkhct"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8k57ofy7ls"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "6xsgkxuo35"
+ }
+ ],
+ "id": "qxfb8b9g6o"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "1r581y96cd"
+ },
+ {
+ "sectionName": "Array Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "hxbk1ra2ye"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "atf6lypp7p"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "fjm416x9qw"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "laxukxqfyf"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "r60he4tnf9"
+ }
+ ],
+ "id": "1x86ntp5a9"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "0z5p423lic"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "vkr0rsf3hj"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "2dawz7bx46"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4x03eyupsr"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8jqqm9ezim"
+ }
+ ],
+ "id": "ddu4ev6eiq"
+ }
+ ]
+ },
+ "dependencies": ["schema", "childStylesheet"],
+ "id": "fryld7ux9f"
+ }
+ ],
+ "id": "3fgxv0av9b"
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label text of the field",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "kll4kude66"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the Position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "id": "7l9ttzwphf"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "dependencies": ["schema"],
+ "id": "g3flp65do8"
+ }
+ ],
+ "id": "5v6g02p3cb"
+ },
+ {
+ "sectionName": "Search and Filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "59zt1xqjq4"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "4382m6yai4"
+ },
+ {
+ "propertyName": "onFilterUpdate",
+ "helpText": "Trigger an action on change of filterText",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "ocie9vv1ho"
+ },
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "iwdwdqh0rq"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8fd8md2y5x"
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "r5ylicaotz"
+ }
+ ],
+ "id": "2am86neu2v"
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "nqm549kufy"
+ },
+ {
+ "propertyName": "maxChars",
+ "helpText": "Sets maximum allowed text length",
+ "label": "Max Chars",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "dependencies": ["schema"],
+ "id": "4wxxko597u"
+ },
+ {
+ "propertyName": "minNum",
+ "helpText": "Sets the minimum allowed value",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function minValueValidation(min, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var max = schemaItem.maxNum;\n var value = min;\n min = Number(min);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(min)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (max !== undefined && min >= max) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be lesser than max value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: min,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ey7yxc78e6"
+ },
+ {
+ "propertyName": "maxNum",
+ "helpText": "Sets the maximum allowed value",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function maxValueValidation(max, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var min = schemaItem.minNum;\n var value = max;\n max = Number(max);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(max)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (min !== undefined && max <= min) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be greater than min value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: Number(max),\n messages: [\"\"]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "f82iarxa1p"
+ },
+ {
+ "propertyName": "regex",
+ "helpText": "Adds a validation to the input which displays an error on failure",
+ "label": "Regex",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ },
+ "dependencies": ["schema"],
+ "id": "b4leojqihd"
+ },
+ {
+ "propertyName": "validation",
+ "helpText": "Sets the input validity based on a JS expression",
+ "label": "Valid",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "kuezc0b3ur"
+ },
+ {
+ "propertyName": "errorMessage",
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "label": "Error message",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Not a valid email!",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "zfj17xbxwh"
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "freaqocfto"
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "s6l5zqgpqu"
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ztyaeqgbc6"
+ }
+ ],
+ "id": "y4j5kkmhd6"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "tooltip",
+ "helpText": "Show help text or details about current field",
+ "label": "Tooltip",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Passwords must be at-least 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "9pk0t1h5mf"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a placeholder text for the input",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "fip3uuzuql"
+ },
+ {
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "helpText": "Sets a placeholder text",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "uxli9qudru"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a Placeholder text",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3yoqe23hbg"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the field",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "lu5kgkk6mb"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables the field",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "kwz1bo571r"
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "g9qn64gkwx"
+ },
+ {
+ "propertyName": "allowSelectAll",
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "eg3kzhd42r"
+ },
+ {
+ "propertyName": "convertToISO",
+ "label": "Convert to ISO format",
+ "helpText": "Enabling this always converts the value in ISO form in the formData irrespective of the 'Date format' selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "a06t89j4pu"
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "caywz57f95"
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "0lvtrqbsdq"
+ },
+ {
+ "propertyName": "isCollapsible",
+ "label": "Collapsible",
+ "helpText": "Makes the array items collapsible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "itn3wl2vq7"
+ }
+ ],
+ "id": "9kewv20y6s"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "6io2xpct9k"
+ },
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "8f8wb7jchb"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "xnr1cdzhmg"
+ },
+ {
+ "propertyName": "onTextChanged",
+ "helpText": "when the text is changed",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "so7d8nor8o"
+ },
+ {
+ "propertyName": "onEnterKeyPress",
+ "helpText": "on submit (when the enter key is pressed)",
+ "label": "onEnterKeyPress",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "zdd94b7kp6"
+ },
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "ny8uaf6ef7"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "v5s9c92ocx"
+ },
+ {
+ "propertyName": "onFocus",
+ "helpText": "when focused.",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "abxitdwslg"
+ },
+ {
+ "propertyName": "onBlur",
+ "helpText": "when the field loses focus.",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "nccu86i3wb"
+ },
+ {
+ "propertyName": "onSelectionChange",
+ "helpText": "when a user changes the selected option",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "0n7jjujv3l"
+ }
+ ],
+ "id": "v1cb4p0gks"
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "pjcui56ptf"
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "defaultValue": "0.875rem",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "out2n1s112"
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "m2dqiognyp"
+ }
+ ],
+ "id": "ga4ppe8axm"
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "4lyzinndd7"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon position of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "ccrdobz7ay"
+ }
+ ],
+ "id": "h834nqun1m"
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3ak38anbdw"
+ }
+ ],
+ "id": "kdyke5t0kz"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "9pdmfzbvyw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "jolm7nzzr3"
+ }
+ ],
+ "id": "w355es4ri1"
+ },
+ {
+ "sectionName": "Object Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "ka25437rqc"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "wxx1m2d4es"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "x5e2skt8zy"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "j9noghkhct"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8k57ofy7ls"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "6xsgkxuo35"
+ }
+ ],
+ "id": "qxfb8b9g6o"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "1r581y96cd"
+ },
+ {
+ "sectionName": "Array Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "hxbk1ra2ye"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "atf6lypp7p"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "fjm416x9qw"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "laxukxqfyf"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "r60he4tnf9"
+ }
+ ],
+ "id": "1x86ntp5a9"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "0z5p423lic"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "vkr0rsf3hj"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "2dawz7bx46"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4x03eyupsr"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8jqqm9ezim"
+ }
+ ],
+ "id": "ddu4ev6eiq"
+ }
+ ]
+ },
+ "dependencies": ["schema", "childStylesheet"],
+ "id": "4wsw90nwes"
+ }
+ ],
+ "id": "ryx46549ej"
+ },
+ {
+ "sectionName": "Label",
+ "children": [
+ {
+ "propertyName": "label",
+ "helpText": "Sets the label text of the field",
+ "label": "Text",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Name:",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "kll4kude66"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the Position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "dependencies": ["schema"],
+ "id": "7l9ttzwphf"
+ },
+ {
+ "propertyName": "alignWidget",
+ "helpText": "Sets the position of the field",
+ "label": "Position",
+ "controlType": "ICON_TABS",
+ "defaultValue": "LEFT",
+ "fullWidth": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "options": [
+ {
+ "label": "Left",
+ "value": "LEFT"
+ },
+ {
+ "label": "Right",
+ "value": "RIGHT"
+ }
+ ],
+ "dependencies": ["schema"],
+ "id": "g3flp65do8"
+ }
+ ],
+ "id": "u0nsety0v6"
+ },
+ {
+ "sectionName": "Search and Filters",
+ "children": [
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "59zt1xqjq4"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "4382m6yai4"
+ },
+ {
+ "propertyName": "onFilterUpdate",
+ "helpText": "Trigger an action on change of filterText",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "ocie9vv1ho"
+ },
+ {
+ "propertyName": "isFilterable",
+ "label": "Allow searching",
+ "helpText": "Makes the dropdown list filterable",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "iwdwdqh0rq"
+ },
+ {
+ "propertyName": "serverSideFiltering",
+ "helpText": "Enables server side filtering of the data",
+ "label": "Server side filtering",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "8fd8md2y5x"
+ },
+ {
+ "helpText": "Trigger an action on change of filterText",
+ "propertyName": "onFilterUpdate",
+ "label": "onFilterUpdate",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "r5ylicaotz"
+ }
+ ],
+ "id": "n0v2f6tyaf"
+ },
+ {
+ "sectionName": "Validation",
+ "children": [
+ {
+ "propertyName": "isRequired",
+ "label": "Required",
+ "helpText": "Makes input to the widget mandatory",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "nqm549kufy"
+ },
+ {
+ "propertyName": "maxChars",
+ "helpText": "Sets maximum allowed text length",
+ "label": "Max Chars",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "255",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "dependencies": ["schema"],
+ "id": "4wxxko597u"
+ },
+ {
+ "propertyName": "minNum",
+ "helpText": "Sets the minimum allowed value",
+ "label": "Min",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "1",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "1",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function minValueValidation(min, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var max = schemaItem.maxNum;\n var value = min;\n min = Number(min);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(min)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (max !== undefined && min >= max) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be lesser than max value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: min,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "ey7yxc78e6"
+ },
+ {
+ "propertyName": "maxNum",
+ "helpText": "Sets the maximum allowed value",
+ "label": "Max",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "100",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "number",
+ "example": "100",
+ "autocompleteDataType": "NUMBER"
+ },
+ "fnString": "function maxValueValidation(max, props, lodash, _, propertyPath) {\n var propertyPathChunks = propertyPath.split(\".\");\n var parentPath = propertyPathChunks.slice(0, -1).join(\".\");\n var schemaItem = lodash.get(props, parentPath);\n var min = schemaItem.minNum;\n var value = max;\n max = Number(max);\n if (lodash !== null && lodash !== void 0 && lodash.isNil(value) || value === \"\") {\n return {\n isValid: true,\n parsed: undefined,\n messages: [{\n name: \"\",\n message: \"\"\n }]\n };\n } else if (!Number.isFinite(max)) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"TypeError\",\n message: \"This value must be number\"\n }]\n };\n } else if (min !== undefined && max <= min) {\n return {\n isValid: false,\n parsed: undefined,\n messages: [{\n name: \"RangeError\",\n message: \"This value must be greater than min value\"\n }]\n };\n } else {\n return {\n isValid: true,\n parsed: Number(max),\n messages: [\"\"]\n };\n }\n}"
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "f82iarxa1p"
+ },
+ {
+ "propertyName": "regex",
+ "helpText": "Adds a validation to the input which displays an error on failure",
+ "label": "Regex",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "^\\w+@[a-zA-Z_]+?\\.[a-zA-Z]{2,3}$",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "REGEX"
+ },
+ "dependencies": ["schema"],
+ "id": "b4leojqihd"
+ },
+ {
+ "propertyName": "validation",
+ "helpText": "Sets the input validity based on a JS expression",
+ "label": "Valid",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "{{ Input1.text.length > 0 }}",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN",
+ "params": {
+ "default": true
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "kuezc0b3ur"
+ },
+ {
+ "propertyName": "errorMessage",
+ "helpText": "The error message to display if the regex or valid property check fails",
+ "label": "Error message",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Not a valid email!",
+ "inputType": "TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "zfj17xbxwh"
+ },
+ {
+ "propertyName": "isSpellCheck",
+ "label": "Spellcheck",
+ "helpText": "Defines whether the text input may be checked for spelling errors",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "freaqocfto"
+ },
+ {
+ "propertyName": "minDate",
+ "label": "Min Date",
+ "helpText": "Defines the min date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "s6l5zqgpqu"
+ },
+ {
+ "propertyName": "maxDate",
+ "label": "Max Date",
+ "helpText": "Defines the max date for the field",
+ "controlType": "DATE_PICKER",
+ "useValidationMessage": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "DATE_ISO_STRING"
+ },
+ "dependencies": ["schema"],
+ "id": "ztyaeqgbc6"
+ }
+ ],
+ "id": "tah7kwvh04"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "tooltip",
+ "helpText": "Show help text or details about current field",
+ "label": "Tooltip",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Passwords must be at-least 6 chars",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "9pk0t1h5mf"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a placeholder text for the input",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Placeholder",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "fip3uuzuql"
+ },
+ {
+ "propertyName": "placeholderText",
+ "label": "Placeholder",
+ "helpText": "Sets a placeholder text",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Enter placeholder text",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "uxli9qudru"
+ },
+ {
+ "propertyName": "placeholderText",
+ "helpText": "Sets a Placeholder text",
+ "label": "Placeholder",
+ "controlType": "JSON_FORM_COMPUTE_VALUE",
+ "placeholderText": "Search",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3yoqe23hbg"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the field",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "lu5kgkk6mb"
+ },
+ {
+ "propertyName": "isDisabled",
+ "helpText": "Disables the field",
+ "label": "Disabled",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "kwz1bo571r"
+ },
+ {
+ "propertyName": "shouldAllowAutofill",
+ "label": "Allow autofill",
+ "helpText": "Allow users to autofill values from browser",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "g9qn64gkwx"
+ },
+ {
+ "propertyName": "allowSelectAll",
+ "helpText": "Controls the visibility of select all option in dropdown.",
+ "label": "Allow select all",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "eg3kzhd42r"
+ },
+ {
+ "propertyName": "convertToISO",
+ "label": "Convert to ISO format",
+ "helpText": "Enabling this always converts the value in ISO form in the formData irrespective of the 'Date format' selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "a06t89j4pu"
+ },
+ {
+ "propertyName": "shortcuts",
+ "label": "Show Shortcuts",
+ "helpText": "Choose to show shortcut menu",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "caywz57f95"
+ },
+ {
+ "propertyName": "closeOnSelection",
+ "label": "Close On Selection",
+ "helpText": "Calender should close when a date is selected",
+ "controlType": "SWITCH",
+ "isJSConvertible": false,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "0lvtrqbsdq"
+ },
+ {
+ "propertyName": "isCollapsible",
+ "label": "Collapsible",
+ "helpText": "Makes the array items collapsible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["schema"],
+ "id": "itn3wl2vq7"
+ }
+ ],
+ "id": "ku4iebdf4a"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "helpText": "when the check state is changed",
+ "propertyName": "onCheckChange",
+ "label": "onCheckChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "6io2xpct9k"
+ },
+ {
+ "propertyName": "onDateSelected",
+ "label": "onDateSelected",
+ "helpText": "when a date is selected in the calendar",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "8f8wb7jchb"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "xnr1cdzhmg"
+ },
+ {
+ "propertyName": "onTextChanged",
+ "helpText": "when the text is changed",
+ "label": "onTextChanged",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "so7d8nor8o"
+ },
+ {
+ "propertyName": "onEnterKeyPress",
+ "helpText": "on submit (when the enter key is pressed)",
+ "label": "onEnterKeyPress",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema"],
+ "id": "zdd94b7kp6"
+ },
+ {
+ "helpText": "when the switch state is changed",
+ "propertyName": "onChange",
+ "label": "onChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "ny8uaf6ef7"
+ },
+ {
+ "propertyName": "onOptionChange",
+ "helpText": "when a user selects an option",
+ "label": "onOptionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "v5s9c92ocx"
+ },
+ {
+ "propertyName": "onFocus",
+ "helpText": "when focused.",
+ "label": "onFocus",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "abxitdwslg"
+ },
+ {
+ "propertyName": "onBlur",
+ "helpText": "when the field loses focus.",
+ "label": "onBlur",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "nccu86i3wb"
+ },
+ {
+ "propertyName": "onSelectionChange",
+ "helpText": "when a user changes the selected option",
+ "label": "onSelectionChange",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "dependencies": ["schema", "sourceData"],
+ "id": "0n7jjujv3l"
+ }
+ ],
+ "id": "fsugz00g5u"
+ }
+ ],
+ "styleChildren": [
+ {
+ "sectionName": "Label styles",
+ "children": [
+ {
+ "propertyName": "labelTextColor",
+ "label": "Font color",
+ "helpText": "Control the color of the label associated",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "pjcui56ptf"
+ },
+ {
+ "propertyName": "labelTextSize",
+ "label": "Font size",
+ "helpText": "Control the font size of the label associated",
+ "defaultValue": "0.875rem",
+ "controlType": "DROP_DOWN",
+ "options": [
+ {
+ "label": "S",
+ "value": "0.875rem",
+ "subText": "0.875rem"
+ },
+ {
+ "label": "M",
+ "value": "1rem",
+ "subText": "1rem"
+ },
+ {
+ "label": "L",
+ "value": "1.25rem",
+ "subText": "1.25rem"
+ },
+ {
+ "label": "XL",
+ "value": "1.875rem",
+ "subText": "1.875rem"
+ },
+ {
+ "label": "XXL",
+ "value": "3rem",
+ "subText": "3rem"
+ },
+ {
+ "label": "3XL",
+ "value": "3.75rem",
+ "subText": "3.75rem"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "out2n1s112"
+ },
+ {
+ "propertyName": "labelStyle",
+ "label": "Emphasis",
+ "helpText": "Control if the label should be bold or italics",
+ "controlType": "BUTTON_GROUP",
+ "options": [
+ {
+ "icon": "text-bold",
+ "value": "BOLD"
+ },
+ {
+ "icon": "text-italic",
+ "value": "ITALIC"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema", "sourceData"],
+ "id": "m2dqiognyp"
+ }
+ ],
+ "id": "6al02r451l"
+ },
+ {
+ "sectionName": "Icon",
+ "children": [
+ {
+ "propertyName": "iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used in input field",
+ "controlType": "ICON_SELECT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": [
+ "add",
+ "add-column-left",
+ "add-column-right",
+ "add-row-bottom",
+ "add-row-top",
+ "add-to-artifact",
+ "add-to-folder",
+ "airplane",
+ "alignment-bottom",
+ "alignment-horizontal-center",
+ "alignment-left",
+ "alignment-right",
+ "alignment-top",
+ "alignment-vertical-center",
+ "align-center",
+ "align-justify",
+ "align-left",
+ "align-right",
+ "annotation",
+ "application",
+ "applications",
+ "app-header",
+ "archive",
+ "array",
+ "array-boolean",
+ "array-date",
+ "array-numeric",
+ "array-string",
+ "array-timestamp",
+ "arrows-horizontal",
+ "arrows-vertical",
+ "arrow-bottom-left",
+ "arrow-bottom-right",
+ "arrow-down",
+ "arrow-left",
+ "arrow-right",
+ "arrow-top-left",
+ "arrow-top-right",
+ "arrow-up",
+ "asterisk",
+ "automatic-updates",
+ "backlink",
+ "badge",
+ "bank-account",
+ "ban-circle",
+ "barcode",
+ "blank",
+ "blocked-person",
+ "bold",
+ "book",
+ "bookmark",
+ "box",
+ "briefcase",
+ "bring-data",
+ "build",
+ "calculator",
+ "calendar",
+ "camera",
+ "caret-down",
+ "caret-left",
+ "caret-right",
+ "caret-up",
+ "cell-tower",
+ "changes",
+ "chart",
+ "chat",
+ "chevron-backward",
+ "chevron-down",
+ "chevron-forward",
+ "chevron-left",
+ "chevron-right",
+ "chevron-up",
+ "circle",
+ "circle-arrow-down",
+ "circle-arrow-left",
+ "circle-arrow-right",
+ "circle-arrow-up",
+ "citation",
+ "clean",
+ "clipboard",
+ "cloud",
+ "cloud-download",
+ "cloud-upload",
+ "code",
+ "code-block",
+ "cog",
+ "collapse-all",
+ "column-layout",
+ "comment",
+ "comparison",
+ "compass",
+ "compressed",
+ "confirm",
+ "console",
+ "contrast",
+ "control",
+ "credit-card",
+ "cross",
+ "crown",
+ "cube",
+ "cube-add",
+ "cube-remove",
+ "curved-range-chart",
+ "cut",
+ "cycle",
+ "dashboard",
+ "database",
+ "data-connection",
+ "data-lineage",
+ "delete",
+ "delta",
+ "derive-column",
+ "desktop",
+ "diagnosis",
+ "diagram-tree",
+ "direction-left",
+ "direction-right",
+ "disable",
+ "document",
+ "document-open",
+ "document-share",
+ "dollar",
+ "dot",
+ "double-caret-horizontal",
+ "double-caret-vertical",
+ "double-chevron-down",
+ "double-chevron-left",
+ "double-chevron-right",
+ "double-chevron-up",
+ "doughnut-chart",
+ "download",
+ "drag-handle-horizontal",
+ "drag-handle-vertical",
+ "draw",
+ "drawer-left",
+ "drawer-left-filled",
+ "drawer-right",
+ "drawer-right-filled",
+ "drive-time",
+ "duplicate",
+ "edit",
+ "eject",
+ "endorsed",
+ "envelope",
+ "equals",
+ "eraser",
+ "error",
+ "euro",
+ "exchange",
+ "exclude-row",
+ "expand-all",
+ "export",
+ "eye-off",
+ "eye-on",
+ "eye-open",
+ "fast-backward",
+ "fast-forward",
+ "feed",
+ "feed-subscribed",
+ "film",
+ "filter",
+ "filter-keep",
+ "filter-list",
+ "filter-open",
+ "filter-remove",
+ "flag",
+ "flame",
+ "flash",
+ "floppy-disk",
+ "flows",
+ "flow-branch",
+ "flow-end",
+ "flow-linear",
+ "flow-review",
+ "flow-review-branch",
+ "folder-close",
+ "folder-new",
+ "folder-open",
+ "folder-shared",
+ "folder-shared-open",
+ "follower",
+ "following",
+ "font",
+ "fork",
+ "form",
+ "fullscreen",
+ "full-circle",
+ "full-stacked-chart",
+ "function",
+ "gantt-chart",
+ "geofence",
+ "geolocation",
+ "geosearch",
+ "git-branch",
+ "git-commit",
+ "git-merge",
+ "git-new-branch",
+ "git-pull",
+ "git-push",
+ "git-repo",
+ "glass",
+ "globe",
+ "globe-network",
+ "graph",
+ "graph-remove",
+ "greater-than",
+ "greater-than-or-equal-to",
+ "grid",
+ "grid-view",
+ "grouped-bar-chart",
+ "group-objects",
+ "hand",
+ "hand-down",
+ "hand-left",
+ "hand-right",
+ "hand-up",
+ "hat",
+ "header",
+ "header-one",
+ "header-two",
+ "headset",
+ "heart",
+ "heart-broken",
+ "heatmap",
+ "heat-grid",
+ "help",
+ "helper-management",
+ "highlight",
+ "history",
+ "home",
+ "horizontal-bar-chart",
+ "horizontal-bar-chart-asc",
+ "horizontal-bar-chart-desc",
+ "horizontal-distribution",
+ "id-number",
+ "image-rotate-left",
+ "image-rotate-right",
+ "import",
+ "inbox",
+ "inbox-filtered",
+ "inbox-geo",
+ "inbox-search",
+ "inbox-update",
+ "info-sign",
+ "inheritance",
+ "inherited-group",
+ "inner-join",
+ "insert",
+ "intersection",
+ "ip-address",
+ "issue",
+ "issue-closed",
+ "issue-new",
+ "italic",
+ "join-table",
+ "key",
+ "key-backspace",
+ "key-command",
+ "key-control",
+ "key-delete",
+ "key-enter",
+ "key-escape",
+ "key-option",
+ "key-shift",
+ "key-tab",
+ "known-vehicle",
+ "label",
+ "lab-test",
+ "layer",
+ "layers",
+ "layout",
+ "layout-auto",
+ "layout-balloon",
+ "layout-circle",
+ "layout-grid",
+ "layout-group-by",
+ "layout-hierarchy",
+ "layout-linear",
+ "layout-skew-grid",
+ "layout-sorted-clusters",
+ "learning",
+ "left-join",
+ "less-than",
+ "less-than-or-equal-to",
+ "lifesaver",
+ "lightbulb",
+ "link",
+ "list",
+ "list-columns",
+ "list-detail-view",
+ "locate",
+ "lock",
+ "log-in",
+ "log-out",
+ "manual",
+ "manually-entered-data",
+ "map",
+ "map-create",
+ "map-marker",
+ "maximize",
+ "media",
+ "menu",
+ "menu-closed",
+ "menu-open",
+ "merge-columns",
+ "merge-links",
+ "minimize",
+ "minus",
+ "mobile-phone",
+ "mobile-video",
+ "modal",
+ "modal-filled",
+ "moon",
+ "more",
+ "mountain",
+ "move",
+ "mugshot",
+ "multi-select",
+ "music",
+ "new-drawing",
+ "new-grid-item",
+ "new-layer",
+ "new-layers",
+ "new-link",
+ "new-object",
+ "new-person",
+ "new-prescription",
+ "new-text-box",
+ "ninja",
+ "notifications",
+ "notifications-updated",
+ "not-equal-to",
+ "numbered-list",
+ "numerical",
+ "office",
+ "offline",
+ "oil-field",
+ "one-column",
+ "outdated",
+ "page-layout",
+ "panel-stats",
+ "panel-table",
+ "paperclip",
+ "paragraph",
+ "path",
+ "path-search",
+ "pause",
+ "people",
+ "percentage",
+ "person",
+ "phone",
+ "pie-chart",
+ "pin",
+ "pivot",
+ "pivot-table",
+ "play",
+ "plus",
+ "polygon-filter",
+ "power",
+ "predictive-analysis",
+ "prescription",
+ "presentation",
+ "print",
+ "projects",
+ "properties",
+ "property",
+ "publish-function",
+ "pulse",
+ "random",
+ "record",
+ "redo",
+ "refresh",
+ "regression-chart",
+ "remove",
+ "remove-column",
+ "remove-column-left",
+ "remove-column-right",
+ "remove-row-bottom",
+ "remove-row-top",
+ "repeat",
+ "reset",
+ "resolve",
+ "rig",
+ "right-join",
+ "ring",
+ "rotate-document",
+ "rotate-page",
+ "route",
+ "satellite",
+ "saved",
+ "scatter-plot",
+ "search",
+ "search-around",
+ "search-template",
+ "search-text",
+ "segmented-control",
+ "select",
+ "selection",
+ "send-message",
+ "send-to",
+ "send-to-graph",
+ "send-to-map",
+ "series-add",
+ "series-configuration",
+ "series-derived",
+ "series-filtered",
+ "series-search",
+ "settings",
+ "share",
+ "shield",
+ "shop",
+ "shopping-cart",
+ "signal-search",
+ "sim-card",
+ "slash",
+ "small-cross",
+ "small-minus",
+ "small-plus",
+ "small-tick",
+ "snowflake",
+ "social-media",
+ "sort",
+ "sort-alphabetical",
+ "sort-alphabetical-desc",
+ "sort-asc",
+ "sort-desc",
+ "sort-numerical",
+ "sort-numerical-desc",
+ "split-columns",
+ "square",
+ "stacked-chart",
+ "star",
+ "star-empty",
+ "step-backward",
+ "step-chart",
+ "step-forward",
+ "stop",
+ "stopwatch",
+ "strikethrough",
+ "style",
+ "swap-horizontal",
+ "swap-vertical",
+ "switch",
+ "symbol-circle",
+ "symbol-cross",
+ "symbol-diamond",
+ "symbol-square",
+ "symbol-triangle-down",
+ "symbol-triangle-up",
+ "tag",
+ "take-action",
+ "taxi",
+ "text-highlight",
+ "th",
+ "thumbs-down",
+ "thumbs-up",
+ "th-derived",
+ "th-disconnect",
+ "th-filtered",
+ "th-list",
+ "tick",
+ "tick-circle",
+ "time",
+ "timeline-area-chart",
+ "timeline-bar-chart",
+ "timeline-events",
+ "timeline-line-chart",
+ "tint",
+ "torch",
+ "tractor",
+ "train",
+ "translate",
+ "trash",
+ "tree",
+ "trending-down",
+ "trending-up",
+ "truck",
+ "two-columns",
+ "unarchive",
+ "underline",
+ "undo",
+ "ungroup-objects",
+ "unknown-vehicle",
+ "unlock",
+ "unpin",
+ "unresolve",
+ "updated",
+ "upload",
+ "user",
+ "variable",
+ "vertical-bar-chart-asc",
+ "vertical-bar-chart-desc",
+ "vertical-distribution",
+ "video",
+ "virus",
+ "volume-down",
+ "volume-off",
+ "volume-up",
+ "walk",
+ "warning-sign",
+ "waterfall-chart",
+ "widget",
+ "widget-button",
+ "widget-footer",
+ "widget-header",
+ "wrench",
+ "zoom-in",
+ "zoom-out",
+ "zoom-to-fit"
+ ]
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "4lyzinndd7"
+ },
+ {
+ "propertyName": "iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon position of input field",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "ccrdobz7ay"
+ }
+ ],
+ "id": "gi2ezhli3w"
+ },
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "accentColor",
+ "helpText": "Sets the accent color",
+ "label": "Accent color",
+ "controlType": "COLOR_PICKER",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "3ak38anbdw"
+ }
+ ],
+ "id": "en45nuydep"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "9pdmfzbvyw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "jolm7nzzr3"
+ }
+ ],
+ "id": "q9v8xk1xcz"
+ },
+ {
+ "sectionName": "Object Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "ka25437rqc"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "wxx1m2d4es"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "x5e2skt8zy"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "j9noghkhct"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8k57ofy7ls"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "6xsgkxuo35"
+ }
+ ],
+ "id": "qxfb8b9g6o"
+ },
+ {
+ "sectionName": "Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "pfjlr36mo6"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "nmznzc4qgh"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "l5psa78r57"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4aayq4kj9g"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "nggstuo5o0"
+ }
+ ],
+ "id": "1r581y96cd"
+ },
+ {
+ "sectionName": "Array Styles",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "hxbk1ra2ye"
+ },
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "atf6lypp7p"
+ },
+ {
+ "propertyName": "borderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of Object",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "fjm416x9qw"
+ },
+ {
+ "propertyName": "borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "laxukxqfyf"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "r60he4tnf9"
+ }
+ ],
+ "id": "1x86ntp5a9"
+ },
+ {
+ "sectionName": "Item Styles",
+ "children": [
+ {
+ "propertyName": "cellBackgroundColor",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "helpText": "Changes the background color of the item",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "0z5p423lic"
+ },
+ {
+ "propertyName": "cellBorderWidth",
+ "helpText": "Enter value for border width of the item",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "vkr0rsf3hj"
+ },
+ {
+ "propertyName": "cellBorderColor",
+ "label": "Border color",
+ "helpText": "Changes the border color of the item",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "regex": {}
+ }
+ },
+ "dependencies": ["schema"],
+ "id": "2dawz7bx46"
+ },
+ {
+ "propertyName": "cellBorderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "4x03eyupsr"
+ },
+ {
+ "propertyName": "cellBoxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "customJSControl": "JSON_FORM_COMPUTE_VALUE",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "dependencies": ["schema"],
+ "id": "8jqqm9ezim"
+ }
+ ],
+ "id": "ddu4ev6eiq"
+ }
+ ]
+ },
+ "dependencies": ["schema", "childStylesheet"],
+ "id": "5di81l2g58"
+ }
+ ],
+ "id": "6xam0mzacb"
+ },
+ {
+ "sectionName": "General",
+ "children": [
+ {
+ "propertyName": "title",
+ "label": "Title",
+ "helpText": "Sets the title of the form",
+ "controlType": "INPUT_TEXT",
+ "placeholderText": "Update Order",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "0atouhg4pm"
+ },
+ {
+ "propertyName": "isVisible",
+ "helpText": "Controls the visibility of the widget",
+ "label": "Visible",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "63dvxgxf9k"
+ },
+ {
+ "propertyName": "useSourceData",
+ "helpText": "Use source data for hidden fields to show them in form data",
+ "label": "Hidden fields in data",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "2fbmv5qvj8"
+ },
+ {
+ "propertyName": "animateLoading",
+ "label": "Animate loading",
+ "controlType": "SWITCH",
+ "helpText": "Controls the loading of the widget",
+ "defaultValue": true,
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "7t1ayfvn4l"
+ },
+ {
+ "propertyName": "disabledWhenInvalid",
+ "helpText": "Disables the submit button when the parent form has a required widget that is not filled",
+ "label": "Disabled invalid forms",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "gr027gd6yh"
+ },
+ {
+ "propertyName": "fixedFooter",
+ "helpText": "Makes the footer always stick to the bottom of the form",
+ "label": "Fixed Footer",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["dynamicHeight"],
+ "id": "niwem7o8wl"
+ },
+ {
+ "propertyName": "scrollContents",
+ "helpText": "Allows scrolling of the form",
+ "label": "Scroll contents",
+ "controlType": "SWITCH",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "dependencies": ["dynamicHeight"],
+ "id": "u7xwwkybcf"
+ },
+ {
+ "propertyName": "showReset",
+ "helpText": "Show/hide reset form button",
+ "label": "Show reset",
+ "controlType": "SWITCH",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "BOOLEAN"
+ },
+ "id": "ap9rzgr2d0"
+ },
+ {
+ "propertyName": "submitButtonLabel",
+ "helpText": "Changes the label of the submit button",
+ "label": "Submit button label",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "6n0wtwpbrz"
+ },
+ {
+ "propertyName": "resetButtonLabel",
+ "helpText": "Changes the label of the reset button",
+ "label": "Reset button label",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "wiuuzpoef0"
+ },
+ {
+ "helpText": "Auto Height: Configure the way the widget height reacts to content changes.",
+ "propertyName": "dynamicHeight",
+ "label": "Height",
+ "controlType": "DROP_DOWN",
+ "isBindProperty": false,
+ "isTriggerProperty": false,
+ "dependencies": [
+ "shouldScrollContents",
+ "maxDynamicHeight",
+ "minDynamicHeight",
+ "bottomRow",
+ "topRow",
+ "overflow",
+ "dynamicHeight",
+ "isCanvas"
+ ],
+ "options": [
+ {
+ "label": "Auto Height",
+ "value": "AUTO_HEIGHT"
+ },
+ {
+ "label": "Auto Height with limits",
+ "value": "AUTO_HEIGHT_WITH_LIMITS"
+ },
+ {
+ "label": "Fixed",
+ "value": "FIXED"
+ }
+ ],
+ "postUpdateAction": "CHECK_CONTAINERS_FOR_AUTO_HEIGHT",
+ "id": "uhi6utkhbo"
+ }
+ ],
+ "id": "cj2763s5bg"
+ },
+ {
+ "sectionName": "Events",
+ "children": [
+ {
+ "propertyName": "onSubmit",
+ "helpText": "when the submit button is clicked",
+ "label": "onSubmit",
+ "controlType": "ACTION_SELECTOR",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": true,
+ "id": "oiq390aoq2"
+ }
+ ],
+ "id": "w5wu0jk2tz"
+ }
+ ],
+ "propertyPaneStyleConfig": [
+ {
+ "sectionName": "Color",
+ "children": [
+ {
+ "propertyName": "backgroundColor",
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "label": "Background color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "07bexe17a1"
+ },
+ {
+ "propertyName": "borderColor",
+ "helpText": "Use a html color name, HEX, RGB or RGBA value",
+ "placeholderText": "#FFFFFF / Gray / rgb(255, 99, 71)",
+ "label": "Border color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "a5membssi4"
+ }
+ ],
+ "id": "o9a1mvkkeo"
+ },
+ {
+ "sectionName": "Border and shadow",
+ "children": [
+ {
+ "propertyName": "borderWidth",
+ "helpText": "Enter value for border width",
+ "label": "Border width",
+ "placeholderText": "Enter value in px",
+ "controlType": "INPUT_TEXT",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "NUMBER"
+ },
+ "id": "akyw553uq9"
+ },
+ {
+ "propertyName": "borderRadius",
+ "helpText": "Enter value for border radius",
+ "label": "Border radius",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "eo07vd56gw"
+ },
+ {
+ "propertyName": "boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "b72gr6ue2j"
+ }
+ ],
+ "id": "s248hbxo1k"
+ },
+ {
+ "sectionName": "Submit button styles",
+ "children": [
+ {
+ "sectionName": "General",
+ "collapsible": false,
+ "children": [
+ {
+ "propertyName": "submitButtonStyles.buttonColor",
+ "helpText": "Changes the color of the button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "1j83zt87b2"
+ },
+ {
+ "propertyName": "submitButtonStyles.buttonVariant",
+ "label": "Button variant",
+ "controlType": "ICON_TABS",
+ "defaultValue": "PRIMARY",
+ "fullWidth": true,
+ "helpText": "Sets the variant of the icon button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ },
+ "id": "krmiq32fu1"
+ },
+ {
+ "propertyName": "submitButtonStyles.borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "fcv8hbudmd"
+ },
+ {
+ "propertyName": "submitButtonStyles.boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "u0tn4dgdaq"
+ }
+ ],
+ "id": "q5eksouidr"
+ },
+ {
+ "sectionName": "Icon",
+ "collapsible": false,
+ "children": [
+ {
+ "propertyName": "submitButtonStyles.iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for the button",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "7l4a910dv5"
+ },
+ {
+ "propertyName": "submitButtonStyles.iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of the button",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ },
+ "id": "z0k1bza43p"
+ },
+ {
+ "propertyName": "submitButtonStyles.placement",
+ "label": "Placement",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the space between items",
+ "options": [
+ {
+ "label": "Start",
+ "value": "START"
+ },
+ {
+ "label": "Between",
+ "value": "BETWEEN"
+ },
+ {
+ "label": "Center",
+ "value": "CENTER"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["START", "BETWEEN", "CENTER"],
+ "default": "CENTER"
+ }
+ },
+ "id": "9sjwy69k33"
+ }
+ ],
+ "id": "1nztgln5nu"
+ }
+ ],
+ "id": "9pwi8s0cwq"
+ },
+ {
+ "sectionName": "Reset button styles",
+ "children": [
+ {
+ "sectionName": "General",
+ "collapsible": false,
+ "children": [
+ {
+ "propertyName": "resetButtonStyles.buttonColor",
+ "helpText": "Changes the color of the button",
+ "label": "Button color",
+ "controlType": "COLOR_PICKER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "kgf1ldp72g"
+ },
+ {
+ "propertyName": "resetButtonStyles.buttonVariant",
+ "label": "Button variant",
+ "controlType": "ICON_TABS",
+ "defaultValue": "PRIMARY",
+ "fullWidth": true,
+ "helpText": "Sets the variant of the icon button",
+ "options": [
+ {
+ "label": "Primary",
+ "value": "PRIMARY"
+ },
+ {
+ "label": "Secondary",
+ "value": "SECONDARY"
+ },
+ {
+ "label": "Tertiary",
+ "value": "TERTIARY"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["PRIMARY", "SECONDARY", "TERTIARY"],
+ "default": "PRIMARY"
+ }
+ },
+ "id": "dkhebslwjn"
+ },
+ {
+ "propertyName": "resetButtonStyles.borderRadius",
+ "label": "Border radius",
+ "helpText": "Rounds the corners of the icon button's outer border edge",
+ "controlType": "BORDER_RADIUS_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "n5op9y3anu"
+ },
+ {
+ "propertyName": "resetButtonStyles.boxShadow",
+ "label": "Box shadow",
+ "helpText": "Enables you to cast a drop shadow from the frame of the widget",
+ "controlType": "BOX_SHADOW_OPTIONS",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "cqkgy3f461"
+ }
+ ],
+ "id": "zhzffkzd96"
+ },
+ {
+ "sectionName": "Icon",
+ "collapsible": false,
+ "children": [
+ {
+ "propertyName": "resetButtonStyles.iconName",
+ "label": "Icon",
+ "helpText": "Sets the icon to be used for the button",
+ "controlType": "ICON_SELECT",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT"
+ },
+ "id": "sog5jdzfa9"
+ },
+ {
+ "propertyName": "resetButtonStyles.iconAlign",
+ "label": "Position",
+ "helpText": "Sets the icon alignment of the button",
+ "controlType": "ICON_TABS",
+ "defaultValue": "left",
+ "fullWidth": false,
+ "options": [
+ {
+ "startIcon": "skip-left-line",
+ "value": "left"
+ },
+ {
+ "startIcon": "skip-right-line",
+ "value": "right"
+ }
+ ],
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["center", "left", "right"]
+ }
+ },
+ "id": "dhu6y1fuwn"
+ },
+ {
+ "propertyName": "resetButtonStyles.placement",
+ "label": "Placement",
+ "controlType": "ICON_TABS",
+ "fullWidth": true,
+ "helpText": "Sets the space between items",
+ "options": [
+ {
+ "label": "Start",
+ "value": "START"
+ },
+ {
+ "label": "Between",
+ "value": "BETWEEN"
+ },
+ {
+ "label": "Center",
+ "value": "CENTER"
+ }
+ ],
+ "defaultValue": "CENTER",
+ "isJSConvertible": true,
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "validation": {
+ "type": "TEXT",
+ "params": {
+ "allowedValues": ["START", "BETWEEN", "CENTER"],
+ "default": "CENTER"
+ }
+ },
+ "id": "zx9x547qym"
+ }
+ ],
+ "id": "fd54cbigzl"
+ }
+ ],
+ "dependencies": ["showReset"],
+ "id": "pt5b0u0wvl"
+ }
+ ],
+ "features": {
+ "dynamicHeight": {
+ "sectionIndex": 1,
+ "defaultValue": "AUTO_HEIGHT",
+ "active": true
+ }
+ }
+ },
+ "TABLE_WIDGET_V2": {
+ "propertyPaneConfig": [],
+ "propertyPaneContentConfig": [
+ {
+ "sectionName": "Data",
+ "children": [
+ {
+ "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": "ONE_CLICK_BINDING_CONTROL",
+ "controlConfig": {
+ "searchableColumn": true
+ },
+ "placeholderText": "[{ \"name\": \"John\" }]",
+ "inputType": "ARRAY",
+ "isBindProperty": true,
+ "isTriggerProperty": false,
+ "isJSConvertible": true,
+ "validation": {
+ "type": "FUNCTION",
+ "params": {
+ "expected": {
+ "type": "Array",
+ "example": "[{ \"name\": \"John\" }]",
+ "autocompleteDataType": "ARRAY"
+ },
+ "fnString": "function tableDataValidation(value, props, _) {\n var invalidResponse = {\n isValid: false,\n parsed: [],\n messages: [{\n name: \"TypeError\",\n message: \"This value does not evaluate to type Array