- {navigation.has_custom_name ? (
+
diff --git a/src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx b/src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx
index d108be3f..036b11a1 100644
--- a/src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx
+++ b/src/customizations/volto/components/manage/UniversalLink/UniversalLink.jsx
@@ -68,7 +68,8 @@ const UniversalLink = ({
}
const isExternal = !isInternalURL(url);
- const isDownload = !isExternal && url && url.includes('@@download');
+ const isDownload =
+ (!isExternal && url && url.includes('@@download')) || download;
const isDisplayFile =
(!isExternal && url.includes('@@display-file')) || false;
diff --git a/src/customizations/volto/components/manage/Widgets/NumberWidget.jsx b/src/customizations/volto/components/manage/Widgets/NumberWidget.jsx
new file mode 100644
index 00000000..0e71575e
--- /dev/null
+++ b/src/customizations/volto/components/manage/Widgets/NumberWidget.jsx
@@ -0,0 +1,102 @@
+/**
+ * NumberWidget component.
+ * @module components/manage/Widgets/PassswordWidget
+ */
+
+import React from 'react';
+import PropTypes from 'prop-types';
+import { Input } from 'semantic-ui-react';
+import { FormFieldWrapper } from '@plone/volto/components';
+import { injectIntl } from 'react-intl';
+
+/**
+ * NumberWidget component class.
+ *
+ * To use it, in schema properties, declare a field like:
+ *
+ * ```jsx
+ * {
+ * title: "Number",
+ * type: 'number',
+ * }
+ * ```
+ */
+const NumberWidget = (props) => {
+ const {
+ id,
+ value,
+ onChange,
+ onBlur,
+ onClick,
+ isDisabled,
+ maximum,
+ minimum,
+ placeholder,
+ step,
+ } = props;
+ return (
+
+
+ onChange(
+ id,
+ target.value === '' ? undefined : window.parseInt(target.value),
+ )
+ }
+ onBlur={({ target }) =>
+ onBlur(
+ id,
+ target.value === '' ? undefined : window.parseInt(target.value),
+ )
+ }
+ onClick={() => onClick()}
+ />
+
+ );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+NumberWidget.propTypes = {
+ id: PropTypes.string.isRequired,
+ title: PropTypes.string.isRequired,
+ description: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+ required: PropTypes.bool,
+ error: PropTypes.arrayOf(PropTypes.string),
+ value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+ onChange: PropTypes.func.isRequired,
+ wrapped: PropTypes.bool,
+ maximum: PropTypes.number,
+ minimum: PropTypes.number,
+ step: PropTypes.number,
+ placeholder: PropTypes.string,
+};
+
+/**
+ * Default properties.
+ * @property {Object} defaultProps Default properties.
+ * @static
+ */
+NumberWidget.defaultProps = {
+ description: null,
+ required: false,
+ error: [],
+ value: null,
+ onChange: () => {},
+ onBlur: () => {},
+ onClick: () => {},
+};
+
+export default injectIntl(NumberWidget);
diff --git a/src/customizations/volto/components/manage/Widgets/NumberWidget.test.jsx b/src/customizations/volto/components/manage/Widgets/NumberWidget.test.jsx
new file mode 100644
index 00000000..d5494010
--- /dev/null
+++ b/src/customizations/volto/components/manage/Widgets/NumberWidget.test.jsx
@@ -0,0 +1,120 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+
+import NumberWidget from './NumberWidget';
+
+const mockStore = configureStore();
+
+const store = mockStore({
+ intl: {
+ locale: 'en',
+ messages: {},
+ },
+});
+
+describe('NumberWidget', () => {
+ it('renders a number widget component', () => {
+ const onChange = jest.fn();
+ render(
+
+
+ ,
+ );
+
+ expect(screen.getByRole('spinbutton')).toBeInTheDocument();
+ });
+
+ describe('onChange behavior', () => {
+ it('converts string value to number on change', () => {
+ const onChange = jest.fn();
+ render(
+
+
+ ,
+ );
+
+ const input = screen.getByRole('spinbutton');
+ fireEvent.change(input, { target: { value: '42' } });
+
+ expect(onChange).toHaveBeenCalledWith('my-field', 42);
+ });
+
+ it('handles empty value correctly', () => {
+ const onChange = jest.fn();
+ render(
+
+
+ ,
+ );
+
+ const input = screen.getByRole('spinbutton');
+ fireEvent.change(input, { target: { value: '' } });
+
+ expect(onChange).toHaveBeenCalledWith('my-field', undefined);
+ });
+ });
+
+ describe('onBlur behavior', () => {
+ it('calls onBlur with the current value', () => {
+ const onBlur = jest.fn();
+ render(
+
+
+ ,
+ );
+
+ const input = screen.getByRole('spinbutton');
+ fireEvent.blur(input);
+
+ expect(onBlur).toHaveBeenCalled();
+ });
+ });
+
+ describe('validation constraints', () => {
+ it('respects minimum and maximum values', () => {
+ render(
+
+
+ ,
+ );
+
+ const input = screen.getByRole('spinbutton');
+ expect(input).toHaveAttribute('min', '1');
+ expect(input).toHaveAttribute('max', '100');
+ });
+
+ it('handles step attribute', () => {
+ render(
+
+
+ ,
+ );
+
+ const input = screen.getByRole('spinbutton');
+ expect(input).toHaveAttribute('step', '0.5');
+ });
+ });
+});
diff --git a/src/customizations/volto/components/manage/Widgets/README.md b/src/customizations/volto/components/manage/Widgets/README.md
index b52d0898..cdd5331d 100644
--- a/src/customizations/volto/components/manage/Widgets/README.md
+++ b/src/customizations/volto/components/manage/Widgets/README.md
@@ -1 +1,6 @@
-Customized ObjectBrowserWidget to preserve anchor links in the manually pasted internal URL.
+### Customizations
+
+- Customized ObjectBrowserWidget to preserve anchor links in the manually pasted internal URL.
+
+- Customized NumberWidget to parse the number input and convert it to a number.
+ [ichim-david refs #280463]