Web: Files: fixed TableGroupMenu onChange

This commit is contained in:
Nikita Gopienko 2021-10-18 14:16:56 +03:00
parent e8f535d710
commit ed10d59870
2 changed files with 16 additions and 12 deletions

View File

@ -65,11 +65,11 @@ const SectionBodyContent = (props) => {
if ( if (
e.target.closest(".scroll-body") && e.target.closest(".scroll-body") &&
!e.target.closest(".files-item") && !e.target.closest(".files-item") &&
!e.target.closest(".not-selectable") !e.target.closest(".not-selectable") &&
!e.target.closest(".table-container_group-menu")
) { ) {
// TODO: need fix clear selection // setSelection([]);
//setSelection([]); // setBufferSelection(null);
//setBufferSelection(null);
} }
}; };

View File

@ -302,8 +302,9 @@ class SectionHeaderContent extends React.Component {
this.props.setSelected(checked ? "all" : "none"); this.props.setSelected(checked ? "all" : "none");
}; };
onSelect = (item) => { onSelect = (e) => {
this.props.setSelected(item.key); const key = e.currentTarget.dataset.key;
this.props.setSelected(key);
}; };
onClose = () => { onClose = () => {
@ -313,10 +314,10 @@ class SectionHeaderContent extends React.Component {
getMenuItems = () => { getMenuItems = () => {
const { t, cbMenuItems, getCheckboxItemLabel } = this.props; const { t, cbMenuItems, getCheckboxItemLabel } = this.props;
const children = cbMenuItems.map((key, index) => { // const children = cbMenuItems.map((key, index) => {
const label = getCheckboxItemLabel(t, key); // const label = getCheckboxItemLabel(t, key);
return <DropDownItem key={key} label={label} data-index={index} />; // return <DropDownItem key={key} label={label} data-index={index} />;
}); // });
const checkboxOptions = ( const checkboxOptions = (
<> <>
@ -337,6 +338,10 @@ class SectionHeaderContent extends React.Component {
return checkboxOptions; return checkboxOptions;
}; };
onChange = (checked) => {
this.props.setSelected(checked ? "all" : "none");
};
render() { render() {
//console.log("Body header render"); //console.log("Body header render");
@ -373,11 +378,10 @@ class SectionHeaderContent extends React.Component {
{isHeaderVisible ? ( {isHeaderVisible ? (
<TableGroupMenu <TableGroupMenu
checkboxOptions={menuItems} checkboxOptions={menuItems}
// onChange={onChange} onChange={this.onChange}
isChecked={isHeaderChecked} isChecked={isHeaderChecked}
isIndeterminate={isHeaderIndeterminate} isIndeterminate={isHeaderIndeterminate}
headerMenu={headerMenu} headerMenu={headerMenu}
// columnStorageName={columnStorageName}
/> />
) : ( ) : (
<div className="header-container"> <div className="header-container">