@adaptabletools/adaptable/src/View/PlusMinus/MovePlusMinus.js

Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements

import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import * as React from 'react';
import SimpleButton from '../../components/SimpleButton';
import * as PlusMinusRedux from '../../Redux/ActionsReducers/PlusMinusRedux';
import { useDispatch, useSelector } from 'react-redux';
import { useAdaptable } from '../AdaptableContext';
export const MovePlusMinus = (props) => {
    const dispatch = useDispatch();
    const adaptable = useAdaptable();
    const plusMinusNudges = useSelector((state) => state.PlusMinus.PlusMinusNudges);
    const handleMoveUp = React.useCallback(() => {
        dispatch(PlusMinusRedux.PlusMinusMoveUp(props.data));
    }, []);
    const handleMoveDown = React.useCallback(() => {
        dispatch(PlusMinusRedux.PlusMinusMoveDown(props.data));
    }, []);
    if (plusMinusNudges?.length <= 1) {
        return _jsx(_Fragment, {});
    }
    return (_jsxs(_Fragment, { children: [_jsx(SimpleButton, { "data-id": "move-up", title: "move up", onClick: handleMoveUp, variant: "text", icon: "arrow-up" }), _jsx(SimpleButton, { "data-name": "move-down", title: "move down", onClick: handleMoveDown, variant: "text", icon: "arrow-down" })] }));
};