EditRecurrenceMenu.commit doesn't accept any arguments

[atrudeau-vitall]

• I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

• React Grid
• React Chart
• React Scheduler

Current Behaviour

I'm creating a custom EditReccurrenceMenu layout in TypeScript, and when I try to use EditRecurrenceMenu.LayoutProps's commit property, I get expected 0 arguments, but got 1.

Expected Behaviour

I expect to be able to pass arguments into the commit property.

Steps to Reproduce

1. Create a custom layout component for the EditReccurrenceMenu plugin in TypeScript.
2. Try to pass an argument into the commit property, i.e. currentValue as per the source code.

Screenshots

Environment

• devextreme-reactive: 2.7.5
• react: ^17.0.1
• browser: Chrome
• bootstrap: none
• react-bootstrap: none
• material-ui: 4.11

[atrudeau-vitall]

Workaround

I created my own custom LayoutProps interface to override the default commit property. Here it is my custom component if anyone else encounters this issue:

interface LayoutProps {
  isDeleting: boolean;
  buttonComponent: React.ComponentType<EditRecurrenceMenu.ButtonProps>;
  handleClose: () => void;
  // Override of EditRecurrenceMenu.LayoutProps to allow passing arguments
  commit: (value?: any) => void;
  availableOperations: any[];
  getMessage: (messageKey: string) => string;
}

export const Layout: React.FC<EditRecurrenceMenu.LayoutProps> = ({
  ...props
}) => {
    const newProps = (props as unknown) as LayoutProps;
    const { availableOperations, isDeleting, handleClose, commit } = newProps;
  
    const [currentValue, setCurrentValue] = useState(
      availableOperations[0].value
    );
    const handleChange = useCallback((value: string | number | boolean) => {
      setCurrentValue(value);
    }, []);
  
    const onCommitButtonClick = () => {
      commit(currentValue);
    };
  return ...
}

[AryamnovEugeniy]

Thank you for reporting this issue. We will fix this as soon as possible.