design-react-kit
Version:
Componenti React per Bootstrap 5
20 lines • 1.23 kB
JavaScript
import React from 'react';
import { Icon } from '../Icon/Icon';
import { useTransferContext } from './useTransferContext';
const TransferButton = () => {
const { sourceCandidates, sourceItems, targetItems, setSourceItems, setTargetItems, setSourceCandidates } = useTransferContext();
const handleTransfer = (e) => {
e.preventDefault();
const newSourceItems = sourceItems.filter((item) => !sourceCandidates.includes(item.id));
const newTargetItems = targetItems.concat(sourceItems.filter((item) => sourceCandidates.includes(item.id)));
setSourceItems({ items: newSourceItems });
setTargetItems({ items: newTargetItems });
setSourceCandidates([]);
};
return (React.createElement(React.Fragment, null,
React.createElement("a", { "data-testid": 'transfer-button', className: `transfer ${sourceCandidates.length > 0 ? 'active' : ''}`, href: '#', role: 'button', "aria-label": 'Sposta avanti', onClick: handleTransfer },
React.createElement(Icon, { icon: 'it-arrow-right' })),
React.createElement("span", { className: 'visually-hidden' }, "Etichetta per freccia destra")));
};
export { TransferButton };
//# sourceMappingURL=TransferButton.js.map