npm - @patternfly/react-core - Versions diffs - 5.0.0-alpha.93 → 5.0.0-alpha.95 - Mend

@@ -6,7 +6,7 @@ export const TextInputInvalid: React.FunctionComponent = () => {
   return (
     <TextInput
       value={value}
-      onChange={value => setValue(value)}
+      onChange={(_event, value) => setValue(value)}
       isRequired
       validated={ValidatedOptions.error}
       type="text"

@@ -10,7 +10,7 @@ export const LeftTruncatedTextInput: React.FunctionComponent = () => {
       isLeftTruncated
       value={value}
       type="text"
-      onChange={value => setValue(value)}
+      onChange={(_event, value) => setValue(value)}
       aria-label="left-truncated text input example"
     />
   );

@@ -9,7 +9,7 @@ export const TextInputSelectUsingRef: React.FunctionComponent = () => {
       ref={ref}
       value={value}
       onFocus={() => ref?.current?.select()}
-      onChange={value => setValue(value)}
+      onChange={(_event, value) => setValue(value)}
       aria-label="select-all"
     />
   );

@@ -406,7 +406,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
     const { delimiter, is24Hour, includeSeconds, setIsOpen } = this.props;
     const time = parseTime(e.target.textContent, timeRegex, delimiter, !is24Hour, includeSeconds);
     if (time !== timeState) {
-      this.onInputChange(time, e);
+      this.onInputChange(e, time);
     }
     this.inputRef.current.focus();
@@ -424,7 +424,7 @@ export class TimePicker extends React.Component<TimePickerProps, TimePickerState
     e.stopPropagation();
   };
-  onInputChange = (newTime: string, event: React.FormEvent<HTMLInputElement>) => {
+  onInputChange = (event: React.FormEvent<HTMLInputElement>, newTime: string) => {
     const { onChange } = this.props;
     const { timeRegex } = this.state;
     if (onChange) {

@@ -149,21 +149,21 @@ export const TooltipOptions: React.FunctionComponent = () => {
           <TextInput
             value={entryDelayInput}
             type="number"
-            onChange={val => setEntryDelayInput(Number(val))}
+            onChange={(_event, val) => setEntryDelayInput(Number(val))}
             aria-label="entry delay"
           />
           Exit delay (ms){' '}
           <TextInput
             value={exitDelayInput}
             type="number"
-            onChange={val => setExitDelayInput(Number(val))}
+            onChange={(_event, val) => setExitDelayInput(Number(val))}
             aria-label="exit delay"
           />
           Animation duration (ms){' '}
           <TextInput
             value={animationDuration}
             type="number"
-            onChange={val => setAnimationDuration(Number(val))}
+            onChange={(_event, val) => setAnimationDuration(Number(val))}
             aria-label="animation duration"
           />
         </div>

@@ -12,7 +12,7 @@ interface SampleFormProps {
 const SampleForm: React.FunctionComponent<SampleFormProps> = ({ value, isValid, setValue, setIsValid }) => {
   const validated = isValid ? 'default' : 'error';
-  const handleTextInputChange = (value: string) => {
+  const handleTextInputChange = (_event, value: string) => {
     const isValid = /^\d+$/.test(value);
     setValue(value);

@@ -72,7 +72,7 @@ ScrollspyH2 = () => {
           label="Vertical"
           labelOff="Horizontal"
           isChecked={isVertical}
-          onChange={check => setIsVertical(check)}
+          onChange={(_event, check) => setIsVertical(check)}
         />
       </PageSection>
       <PageSection padding={{ default: 'noPadding' }}>

@@ -54,7 +54,7 @@ const PasswordGenerator: React.FunctionComponent = () => {
     };
   }, [isAutocompleteOpen, searchInputRef.current]);
-  const onChange = (newValue: string) => {
+  const onChange = (_event: React.FormEvent<HTMLInputElement>, newValue: string) => {
     if (searchInputRef && searchInputRef.current && searchInputRef.current.contains(document.activeElement)) {
       setIsAutocompleteOpen(true);
     } else {

@@ -17,7 +17,7 @@ import DashboardWrapper from '@patternfly/react-core/src/demos/examples/Dashboar
 export const Name = () => {
   const [isAlwaysVisible, setIsAlwaysVisible] = React.useState(false);
-  const handleChange = isChecked => {
+  const handleChange = (_event, isChecked) => {
     setIsAlwaysVisible(isChecked);
   };

@@ -36,7 +36,7 @@ export const HelperTextDynamicVariantDynamicText: React.FunctionComponent = () =
     setInputValidation({ ruleLength: lengthStatus, ruleCharacterTypes: typeStatus });
   }, [value, ruleLength, ruleCharacterTypes]);
-  const handleInputChange = (inputValue: string) => {
+  const handleInputChange = (_event, inputValue: string) => {
     setValue(inputValue);
   };

@@ -16,7 +16,7 @@ const SampleForm: React.FunctionComponent<sampleFormProps> = (props: sampleFormP
   const [value, setValue] = React.useState(props.formValue);
   const [isValid, setIsValid] = React.useState(props.isFormValid);
-  const handleTextInputChange = (value: string) => {
+  const handleTextInputChange = (_event, value: string) => {
     const valid = /^\d+$/.test(value);
     setValue(value);
     setIsValid(valid);

@patternfly/react-core 5.0.0-alpha.93 → 5.0.0-alpha.95