From 736259f371161809d9be630aa2b54ba8296b2560 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Mon, 1 Mar 2021 14:13:11 +0000
Subject: [PATCH] Add password field component

---
 .../design/AppPreview/componentStructure.json |  1 +
 packages/standard-components/manifest.json    | 28 +++++++++++++++++++
 .../src/forms/PasswordField.svelte            |  5 ++++
 .../standard-components/src/forms/index.js    |  1 +
 4 files changed, 35 insertions(+)
 create mode 100644 packages/standard-components/src/forms/PasswordField.svelte

diff --git a/packages/builder/src/components/design/AppPreview/componentStructure.json b/packages/builder/src/components/design/AppPreview/componentStructure.json
index bae4b009e9..16109b5a96 100644
--- a/packages/builder/src/components/design/AppPreview/componentStructure.json
+++ b/packages/builder/src/components/design/AppPreview/componentStructure.json
@@ -12,6 +12,7 @@
       "fieldgroup",
       "stringfield",
       "numberfield",
+      "passwordfield",
       "optionsfield",
       "booleanfield",
       "longformfield",
diff --git a/packages/standard-components/manifest.json b/packages/standard-components/manifest.json
index 3843fe9dd3..14b20dd9ad 100644
--- a/packages/standard-components/manifest.json
+++ b/packages/standard-components/manifest.json
@@ -1295,6 +1295,34 @@
       }
     ]
   },
+  "passwordfield": {
+    "name": "Password Field",
+    "icon": "ri-lock-password-line",
+    "styleable": true,
+    "settings": [
+      {
+        "type": "field/string",
+        "label": "Field",
+        "key": "field"
+      },
+      {
+        "type": "text",
+        "label": "Label",
+        "key": "label"
+      },
+      {
+        "type": "text",
+        "label": "Placeholder",
+        "key": "placeholder"
+      },
+      {
+        "type": "boolean",
+        "label": "Disabled",
+        "key": "disabled",
+        "defaultValue": false
+      }
+    ]
+  },
   "optionsfield": {
     "name": "Options Picker",
     "icon": "ri-file-list-line",
diff --git a/packages/standard-components/src/forms/PasswordField.svelte b/packages/standard-components/src/forms/PasswordField.svelte
new file mode 100644
index 0000000000..71edd4f97f
--- /dev/null
+++ b/packages/standard-components/src/forms/PasswordField.svelte
@@ -0,0 +1,5 @@
+<script>
+  import StringField from "./StringField.svelte"
+</script>
+
+<StringField {...$$props} type="password" />
diff --git a/packages/standard-components/src/forms/index.js b/packages/standard-components/src/forms/index.js
index 3998424db3..fed371278b 100644
--- a/packages/standard-components/src/forms/index.js
+++ b/packages/standard-components/src/forms/index.js
@@ -8,3 +8,4 @@ export { default as longformfield } from "./LongFormField.svelte"
 export { default as datetimefield } from "./DateTimeField.svelte"
 export { default as attachmentfield } from "./AttachmentField.svelte"
 export { default as relationshipfield } from "./RelationshipField.svelte"
+export { default as passwordfield } from "./PasswordField.svelte"