components.widgets.Table.cells.RatingCell.RatingCell.jsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

import React, { useCallback } from 'react'
import PropTypes from 'prop-types'
import get from 'lodash/get'
import set from 'lodash/set'

import withCell from '../../withCell'
import Rating from '../../../../controls/Rating/Rating'

const RatingCell = ({
    visible,
    max,
    half,
    showTooltip,
    fieldKey,
    id,
    readonly,
    model,
    callAction,
}) => {
    const handleChange = useCallback(
        (rating) => {
            const data = set(
                {
                    ...model,
                },
                fieldKey || id,
                rating,
            )

            callAction(data)
        },
        [callAction, model, fieldKey, id],
    )

    return visible ? (
        
    ) : null
}

RatingCell.propTypes = {
    /**
   * ID ячейки
   */
    id: PropTypes.string,
    /**
   * Модель данных
   */
    model: PropTypes.object,
    /**
   * Ключ значения из модели
   */
    fieldKey: PropTypes.string,
    /**
   * Флаг видимости
   */
    visible: PropTypes.bool,
    /**
   * Максимально значение рейтинга
   */
    max: PropTypes.number,
    /**
   * Значение рейтинга
   */
    // eslint-disable-next-line react/no-unused-prop-types
    rating: PropTypes.number,
    /**
   * Дробные числа рейтинга
   */
    half: PropTypes.bool,
    /**
   * Флаг показа подсказки
   */
    showTooltip: PropTypes.bool,
    /**
   * Флаг только для чтения
   */
    readonly: PropTypes.bool,
    callAction: PropTypes.func,

}

RatingCell.defaultProps = {
    visible: true,
    readonly: false,
}

export { RatingCell }
export default withCell(RatingCell)