Merge branch 'master' of github.com:ONLYOFFICE/AppServer
# Conflicts: # web/ASC.Web.Components/package.json
This commit is contained in:
commit
63c648a127
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "asc-web-components",
|
"name": "asc-web-components",
|
||||||
"version": "1.0.298",
|
"version": "1.0.299",
|
||||||
"description": "Ascensio System SIA component library",
|
"description": "Ascensio System SIA component library",
|
||||||
"license": "AGPL-3.0",
|
"license": "AGPL-3.0",
|
||||||
"main": "dist/asc-web-components.js",
|
"main": "dist/asc-web-components.js",
|
||||||
|
@ -78,6 +78,7 @@ class ContextMenuButton extends React.Component {
|
|||||||
clickColor,
|
clickColor,
|
||||||
size,
|
size,
|
||||||
iconName,
|
iconName,
|
||||||
|
iconOpenName,
|
||||||
iconHoverName,
|
iconHoverName,
|
||||||
iconClickName,
|
iconClickName,
|
||||||
isDisabled,
|
isDisabled,
|
||||||
@ -92,7 +93,7 @@ class ContextMenuButton extends React.Component {
|
|||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
const { isOpen } = this.state;
|
const { isOpen } = this.state;
|
||||||
|
const iconButtonName = isOpen && iconOpenName ? iconOpenName : iconName;
|
||||||
return (
|
return (
|
||||||
<StyledOuter ref={this.ref} className={className} id={id} style={style}>
|
<StyledOuter ref={this.ref} className={className} id={id} style={style}>
|
||||||
<IconButton
|
<IconButton
|
||||||
@ -100,7 +101,7 @@ class ContextMenuButton extends React.Component {
|
|||||||
hoverColor={hoverColor}
|
hoverColor={hoverColor}
|
||||||
clickColor={clickColor}
|
clickColor={clickColor}
|
||||||
size={size}
|
size={size}
|
||||||
iconName={iconName}
|
iconName={iconButtonName}
|
||||||
iconHoverName={iconHoverName}
|
iconHoverName={iconHoverName}
|
||||||
iconClickName={iconClickName}
|
iconClickName={iconClickName}
|
||||||
isFill={false}
|
isFill={false}
|
||||||
@ -143,6 +144,7 @@ ContextMenuButton.propTypes = {
|
|||||||
|
|
||||||
iconHoverName: PropTypes.string,
|
iconHoverName: PropTypes.string,
|
||||||
iconClickName: PropTypes.string,
|
iconClickName: PropTypes.string,
|
||||||
|
iconOpenName: PropTypes.string,
|
||||||
|
|
||||||
onMouseEnter: PropTypes.func,
|
onMouseEnter: PropTypes.func,
|
||||||
onMouseLeave: PropTypes.func,
|
onMouseLeave: PropTypes.func,
|
||||||
|
@ -206,25 +206,28 @@ class FilterBlock extends React.Component {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (this.state.hideFilterItems.length > 0) {
|
if (this.state.hideFilterItems.length > 0) {
|
||||||
|
var open = false;
|
||||||
|
var hideFilterItemsList = this.state.hideFilterItems.map(function (item) {
|
||||||
|
open = item.key.indexOf('_-1') == -1 ? false : true
|
||||||
|
return <FilterItem
|
||||||
|
block={true}
|
||||||
|
isDisabled={_this.props.isDisabled}
|
||||||
|
key={item.key}
|
||||||
|
groupItems={_this.props.getFilterData().filter(function (t) {
|
||||||
|
return (t.group == item.group && t.group != t.key);
|
||||||
|
})}
|
||||||
|
onSelectFilterItem={_this.props.onClickFilterItem}
|
||||||
|
id={item.key}
|
||||||
|
groupLabel={item.groupLabel}
|
||||||
|
opened={item.key.indexOf('_-1') == -1 ? false : true}
|
||||||
|
label={item.label}
|
||||||
|
onClose={_this.onDeleteFilterItem}>
|
||||||
|
</FilterItem>
|
||||||
|
})
|
||||||
hideItems.push(
|
hideItems.push(
|
||||||
<HideFilter key="hide-filter" count={this.state.hideFilterItems.length} isDisabled={this.props.isDisabled}>
|
<HideFilter key="hide-filter" count={this.state.hideFilterItems.length} isDisabled={this.props.isDisabled} open={open}>
|
||||||
{
|
{
|
||||||
this.state.hideFilterItems.map(function (item) {
|
hideFilterItemsList
|
||||||
return <FilterItem
|
|
||||||
block={true}
|
|
||||||
isDisabled={_this.props.isDisabled}
|
|
||||||
key={item.key}
|
|
||||||
groupItems={_this.props.getFilterData().filter(function (t) {
|
|
||||||
return (t.group == item.group && t.group != t.key);
|
|
||||||
})}
|
|
||||||
onSelectFilterItem={_this.props.onClickFilterItem}
|
|
||||||
id={item.key}
|
|
||||||
groupLabel={item.groupLabel}
|
|
||||||
opened={false}
|
|
||||||
label={item.label}
|
|
||||||
onClose={_this.onDeleteFilterItem}>
|
|
||||||
</FilterItem>
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
</HideFilter>
|
</HideFilter>
|
||||||
);
|
);
|
||||||
|
@ -10,6 +10,7 @@ class FilterButton extends React.PureComponent {
|
|||||||
id={this.props.id}
|
id={this.props.id}
|
||||||
title='Actions'
|
title='Actions'
|
||||||
iconName='RectangleFilterIcon'
|
iconName='RectangleFilterIcon'
|
||||||
|
iconOpenName='RectangleFilterHoverIcon'
|
||||||
color='#A3A9AE'
|
color='#A3A9AE'
|
||||||
size={this.props.iconSize}
|
size={this.props.iconSize}
|
||||||
isDisabled={this.props.isDisabled}
|
isDisabled={this.props.isDisabled}
|
||||||
|
@ -3,6 +3,7 @@ import styled from "styled-components";
|
|||||||
import { Icons } from "../icons";
|
import { Icons } from "../icons";
|
||||||
import DropDown from "../drop-down";
|
import DropDown from "../drop-down";
|
||||||
import { handleAnyClick } from "../../utils/event";
|
import { handleAnyClick } from "../../utils/event";
|
||||||
|
import PropTypes from 'prop-types';
|
||||||
|
|
||||||
const Caret = styled.div`
|
const Caret = styled.div`
|
||||||
width: 7px;
|
width: 7px;
|
||||||
@ -54,7 +55,7 @@ class HideFilter extends React.Component {
|
|||||||
this.ref = React.createRef();
|
this.ref = React.createRef();
|
||||||
this.dropDownRef = React.createRef();
|
this.dropDownRef = React.createRef();
|
||||||
this.state = {
|
this.state = {
|
||||||
popoverOpen: false
|
popoverOpen: this.props.open
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -120,5 +121,10 @@ class HideFilter extends React.Component {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
HideFilter.propTypes = {
|
||||||
|
children: PropTypes.any,
|
||||||
|
open: PropTypes.bool,
|
||||||
|
isDisabled: PropTypes.bool,
|
||||||
|
count: PropTypes.number
|
||||||
|
}
|
||||||
export default HideFilter;
|
export default HideFilter;
|
||||||
|
Loading…
Reference in New Issue
Block a user