feat: updated volto-form-block to have input type number (#1052)

* chore: updated volto-form-block to have input number

* chore: updated volto-form-block

Author: giuliaghisini

package.json

@@ -152,7 +152,7 @@
     "volto-dropdownmenu": "4.1.3",
     "volto-editablefooter": "5.1.7",
     "volto-feedback": "0.7.2",
-    "volto-form-block": "3.14.0",
+    "volto-form-block": "3.16.0",
     "volto-gdpr-privacy": "2.2.12",
     "volto-google-analytics": "2.0.0",
     "volto-multilingual-widget": "3.2.1",

src/customizations/volto-form-block/components/Field.jsx

@@ -140,6 +140,24 @@ const Field = ({
           autoComplete={autocomplete}
         />
       )}
+      {field_type === 'number' && (
+        <Input
+          id={name}
+          name={name}
+          label={getLabel()}
+          type="number"
+          required={required}
+          infoText={infoText}
+          disabled={disabled}
+          readOnly={disabled}
+          invalid={isInvalid() ? 'true' : null}
+          onChange={(e) => {
+            onChange(name, e.target.value);
+          }}
+          value={value ?? ''}
+          autoComplete={autocomplete}
+        />
+      )}
       {field_type === 'select' && (
         <div className="form-group">
           <div

src/customizations/volto-form-block/fieldSchema.js

@@ -75,6 +75,10 @@ const messages = defineMessages({
     id: 'form_field_type_hidden',
     defaultMessage: 'Hidden',
   },
+  field_type_number: {
+    id: 'form_field_type_number',
+    defaultMessage: 'Number',
+  },
   field_unique_title: {
     id: 'field_unique_title',
     defaultMessage: 'Unique field',
@@ -284,6 +288,7 @@ export default (props) => {
   const baseFieldTypeChoices = [
     ['text', intl.formatMessage(messages.field_type_text)],
     ['textarea', intl.formatMessage(messages.field_type_textarea)],
+    ['number', intl.formatMessage(messages.field_type_number)],
     ['select', intl.formatMessage(messages.field_type_select)],
     ['single_choice', intl.formatMessage(messages.field_type_single_choice)],
     [

yarn.lock

@@ -8270,7 +8270,7 @@ __metadata:
     volto-dropdownmenu: 4.1.3
     volto-editablefooter: 5.1.7
     volto-feedback: 0.7.2
-    volto-form-block: 3.14.0
+    volto-form-block: 3.16.0
     volto-gdpr-privacy: 2.2.12
     volto-google-analytics: 2.0.0
     volto-multilingual-widget: 3.2.1
@@ -16190,9 +16190,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"volto-form-block@npm:3.14.0":
-  version: 3.14.0
-  resolution: "volto-form-block@npm:3.14.0"
+"volto-form-block@npm:3.16.0":
+  version: 3.16.0
+  resolution: "volto-form-block@npm:3.16.0"
   dependencies:
     "@hcaptcha/react-hcaptcha": ^0.3.6
     "@tanstack/react-table": 8.21.2
@@ -16202,7 +16202,7 @@ __metadata:
   peerDependencies:
     "@plone/volto": ">=16.0.0-alpha.38"
     volto-subblocks: ^2.1.0
-  checksum: 7d1867bc013a0ad9d91beefc94586418e36bd13ff3a0aaafdb816aae4c8fdbd80c50b134e766047663a2b8b9129452d0ef083671ee6a76f98eee8516a0a39d16
+  checksum: 6c6df8f9e777a216d6b16afafe7f5a6ebe9aeba6df8b2dae4aa0f873df299c46a534d8c1b692ea1c09ce8073e5ad15cd05f5de03358f7e92e4af2ab41ffdf1b5
   languageName: node
   linkType: hard