import React from 'react'; import BodyWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BodyWrapper'; import PropTypes from 'prop-types'; import BottomBody from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/BottomBody'; import Body from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Body'; import { withDNDContext, SubblocksEdit, SubblocksWrapper, } from 'volto-subblocks'; import { SidebarPortal } from '@plone/volto/components'; import Sidebar from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/ArgumentsInEvidence/Sidebar'; import { ArgumentsInEvidenceBackground } from 'design-comuni-plone-theme/components/ItaliaTheme'; import { handleKeyDownOwnFocusManagement } from 'design-comuni-plone-theme/helpers/blocks'; class Edit extends SubblocksEdit { handleEnter = (e) => { if (this.props.selected) { handleKeyDownOwnFocusManagement(e, this.props); } }; componentDidMount() { const blockNode = this.props.blockNode; if (this.props.selected && this.node) { this.node.focus(); } if (this.state.subblocks.length === 0) { this.addSubblock(); } if (blockNode && blockNode.current) { blockNode.current.addEventListener('keydown', this.handleEnter, false); } } /** * Component will receive props * @method componentWillUnmount * @returns {undefined} */ componentWillUnmount() { if (this.props.selected && this.node) { this.node.focus(); } const blockNode = this.props.blockNode; if (blockNode && blockNode.current) { blockNode.current.removeEventListener('keydown', this.handleEnter, false); } } render() { const hasArguments = this.props.data.subblocks?.some((subblock) => { return subblock.argument?.length > 0; }); return (

{hasArguments && } {this.state.subblocks.map((subblock, subindex) => ( ))} {this.props.selected && this.renderAddBlockButton()}

); } } /** * Property types. * @property {Object} propTypes Property types. * @static */ Edit.propTypes = { data: PropTypes.objectOf(PropTypes.any).isRequired, id: PropTypes.string.isRequired, block: PropTypes.string.isRequired, selected: PropTypes.any, intl: PropTypes.any, onChangeBlock: PropTypes.func.isRequired, }; export default React.memo(withDNDContext(Edit));