Remove unused refs.

Fix maxLength and minLength proptypes.

Author: robgietema

frontend/packages/volto-form-block/src/components/Wrappers/CheckboxGroupWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -32,7 +31,6 @@ const CheckboxGroupWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const CheckboxGroup =
     config.blocks.blocksConfig.schemaForm.innerWidgets.checkboxGroup;
   const Checkbox =
@@ -67,7 +65,6 @@ const CheckboxGroupWrapper = (props) => {
           disabled={isDisabled}
           onChange={(value) => onChange(id, value)}
           errorMessage={error ? error[0] : ''}
-          ref={ref}
           onClick={() => onClick()}
           isInvalid={error !== undefined}
         >
@@ -109,7 +106,6 @@ const CheckboxGroupWrapper = (props) => {
               map(value, (item) => item.value),
             );
           }}
-          ref={ref}
           onClick={() => onClick()}
           options={options.map((option) => ({
             value: option[0],

frontend/packages/volto-form-block/src/components/Wrappers/CheckboxWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -26,7 +25,6 @@ const CheckboxWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.checkbox;
 
   return (
@@ -42,7 +40,6 @@ const CheckboxWrapper = (props) => {
         labelRequired={intl.formatMessage(messages.required)}
         disabled={isDisabled}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         onClick={() => onClick()}
         errorMessage={error ? error[0] : ''}
         isInvalid={error !== undefined}

frontend/packages/volto-form-block/src/components/Wrappers/DatetimeWrapper.jsx

@@ -1,13 +1,7 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
-import {
-  parseAbsolute,
-  parseAbsoluteToLocal,
-  parseDate,
-  parseDateTime,
-} from '@internationalized/date';
+import { parseDate, parseDateTime } from '@internationalized/date';
 import moment from 'moment';
 
 import FormFieldWrapper from './FormFieldWrapper';
@@ -34,7 +28,6 @@ const DatetimeWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.datetime;
   const onDateChange = (date) => {
     if (date) {
@@ -80,7 +73,6 @@ const DatetimeWrapper = (props) => {
         isDateOnly={widget === 'date'}
         onChange={onDateChange}
         onChangeTime={onDateChange}
-        ref={ref}
         onClick={() => onClick()}
         errorMessage={error ? error[0] : ''}
         isInvalid={error}

frontend/packages/volto-form-block/src/components/Wrappers/EmailWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -28,7 +27,6 @@ const EmailWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.email;
 
   return (
@@ -44,7 +42,6 @@ const EmailWrapper = (props) => {
         disabled={isDisabled}
         type="email"
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         onClick={() => onClick()}
         minLength={minLength || null}
         maxLength={maxLength || null}
@@ -69,6 +66,6 @@ EmailWrapper.propTypes = {
   onClick: PropTypes.func,
   onEdit: PropTypes.func,
   onDelete: PropTypes.func,
-  minLength: null,
-  maxLength: null,
+  minLength: PropTypes.string,
+  maxLength: PropTypes.string,
 };

frontend/packages/volto-form-block/src/components/Wrappers/FileWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { readAsDataURL } from 'promise-file-reader';
@@ -36,7 +35,6 @@ const FileWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.file;
 
   return (
@@ -69,7 +67,6 @@ const FileWrapper = (props) => {
         deleteFilesCallback={() => {
           onChange(id, null);
         }}
-        ref={ref}
         errorMessage={error ? error[0] : ''}
         hasError={error}
         isInvalid={error}

frontend/packages/volto-form-block/src/components/Wrappers/HiddenWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -28,7 +27,6 @@ const HiddenWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.hidden;
 
   return onEdit ? (
@@ -44,7 +42,6 @@ const HiddenWrapper = (props) => {
         disabled={isDisabled}
         placeholder={placeholder}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         onClick={() => onClick()}
         errorMessage={error ? error[0] : ''}
         isInvalid={error}
@@ -56,7 +53,6 @@ const HiddenWrapper = (props) => {
       name={id}
       value={value || ''}
       placeholder={placeholder}
-      ref={ref}
       type="hidden"
     />
   );

frontend/packages/volto-form-block/src/components/Wrappers/NumberWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -27,7 +26,6 @@ const NumberWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.number;
 
   return (
@@ -44,7 +42,6 @@ const NumberWrapper = (props) => {
         disabled={isDisabled}
         placeholder={placeholder}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         errorMessage={error ? error[0] : ''}
         isInvalid={error}
         onClick={() => onClick()}

frontend/packages/volto-form-block/src/components/Wrappers/RadioGroupWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -27,7 +26,6 @@ const RadioGroupWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.radioGroup;
   const OptionWidget =
     config.blocks.blocksConfig.schemaForm.innerWidgets.radioGroupOption;
@@ -46,7 +44,6 @@ const RadioGroupWrapper = (props) => {
         labelRequired={intl.formatMessage(messages.required)}
         disabled={isDisabled}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         onClick={() => onClick()}
         errorMessage={error ? error[0] : ''}
         isInvalid={error}

frontend/packages/volto-form-block/src/components/Wrappers/SelectWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -31,7 +30,6 @@ const SelectWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.select;
 
   const options = choices || [];
@@ -53,7 +51,6 @@ const SelectWrapper = (props) => {
         disabled={isDisabled}
         placeholder={intl.formatMessage(messages.select)}
         onChange={(value) => onChange(id, value.value)}
-        ref={ref}
         errorMessage={error ? error[0] : ''}
         isInvalid={error}
         onClick={() => onClick()}

frontend/packages/volto-form-block/src/components/Wrappers/TextWrapper.jsx

@@ -1,4 +1,3 @@
-import { useRef } from 'react';
 import PropTypes from 'prop-types';
 import config from '@plone/volto/registry';
 import { defineMessages, injectIntl } from 'react-intl';
@@ -29,7 +28,6 @@ const TextWrapper = (props) => {
     intl,
   } = props;
 
-  const ref = useRef();
   const Widget = config.blocks.blocksConfig.schemaForm.innerWidgets.text;
 
   return (
@@ -45,7 +43,6 @@ const TextWrapper = (props) => {
         disabled={isDisabled}
         placeholder={placeholder}
         onChange={(value) => onChange(id, value === '' ? undefined : value)}
-        ref={ref}
         onClick={() => onClick()}
         minLength={minLength || null}
         maxLength={maxLength || null}
@@ -70,6 +67,6 @@ TextWrapper.propTypes = {
   onClick: PropTypes.func,
   onEdit: PropTypes.func,
   onDelete: PropTypes.func,
-  minLength: null,
-  maxLength: null,
+  minLength: PropTypes.string,
+  maxLength: PropTypes.string,
 };