@adaptabletools/adaptable
Version:
Powerful AG Grid extension which provides advanced, cutting-edge functionality to meet all DataGrid requirements
22 lines (21 loc) • 1.2 kB
JavaScript
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 FormatColumnRedux from '../../Redux/ActionsReducers/FormatColumnRedux';
import { useDispatch } from 'react-redux';
import { useAdaptable } from '../AdaptableContext';
export const MoveFormatColumn = (props) => {
const dispatch = useDispatch();
const adaptable = useAdaptable();
const formatColumn = adaptable.api.formatColumnApi.getFormatColumns();
const handleMoveUp = React.useCallback(() => {
dispatch(FormatColumnRedux.FormatColumnMoveUp(props.data));
}, []);
const handleMoveDown = React.useCallback(() => {
dispatch(FormatColumnRedux.FormatColumnMoveDown(props.data));
}, []);
if (formatColumn?.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" })] }));
};