/*
 * Copyright (c) 2019, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
 *
 * WSO2 Inc. licenses this file to you under the Apache License,
 * Version 2.0 (the "License"); you may not use this file except
 * in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

import React from 'react';
import { VictoryLabel, VictoryTooltip } from 'victory';

/**
 * Class to handle the Y axis tick label and tooltip.
 */

export default class CustomYaxisLabel extends React.Component {
    constructor(props) {
        super(props);
    }

    formatTickLabel(characterLength, text, config) {
        const regexp = /^\d+\.\d+$/;
        if (config.ignoreYaxisDecimalPoints && regexp.test(text))
            return;
        else if (text.length > characterLength) {
            return text.slice(0, 6) + '...' + text.slice(-(characterLength - 7));
        } else {
            return text;
        }
    }

    static defaultEvents = VictoryTooltip.defaultEvents;
    render() {
        const { config, theme, text } = this.props;
        return (
            <g data-tip={text}>
                <VictoryLabel
                    {...this.props}
                    angle={(config.style && config.style.yAxisTickAngle) ? config.style.yAxisTickAngle : 0}
                    theme={theme}
                    text={this.formatTickLabel(12, text, config)}
                />
            </g>
        );
    }
}