Inline editing example with coffee-warehouse-dashboard example project

    const onItemChange = (event) => {
        const updatedData = data.map(item =>
            item.id === event.dataItem.id ? {...item, [event.field]: event.value} : item
        );
        onDataChange(updatedData);
    };

    const onRowClick = (event) => {
        const updatedData = data.map(dataItem => {
            if(dataItem.id === event.dataItem.id){
                dataItem.inEdit = true;
            }
            return {...dataItem};
        });
        onDataChange(updatedData);
    } 

    const GridElement = (
        <KendoGrid
            {...dataState}
            {...others}
            rowHeight={40}
            pageable
            sortable
            groupable
            selectedField={'selected'}
            editField={'inEdit'}
            onItemChange={onItemChange}
            onRowClick={onRowClick}