react-artasys-ui 0.1.20 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/lib/Dropdown/Dropdown.d.ts +2 -1
- package/package.json +1 -1
- package/src/Dropdown/Dropdown.tsx +3 -2
|
@@ -6,11 +6,12 @@ export interface IDropdown extends AllHTMLAttributes<HTMLDivElement> {
|
|
|
6
6
|
position?: 'left' | 'right';
|
|
7
7
|
split?: boolean;
|
|
8
8
|
hover?: boolean;
|
|
9
|
+
arrow?: boolean;
|
|
9
10
|
items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
|
|
10
11
|
disabled?: boolean;
|
|
11
12
|
enableRerenderItems?: boolean;
|
|
12
13
|
onShow?: () => void;
|
|
13
14
|
onHide?: () => void;
|
|
14
15
|
}
|
|
15
|
-
declare const Dropdown: ({ children, className, items, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) => JSX.Element;
|
|
16
|
+
declare const Dropdown: ({ children, className, items, arrow, direction, position, split, disabled, hover, enableRerenderItems, onShow, onHide, ...props }: IDropdown) => JSX.Element;
|
|
16
17
|
export default Dropdown;
|
package/package.json
CHANGED
|
@@ -25,6 +25,7 @@ export interface IDropdown extends AllHTMLAttributes<HTMLDivElement> {
|
|
|
25
25
|
position?: 'left' | 'right';
|
|
26
26
|
split?: boolean;
|
|
27
27
|
hover?: boolean;
|
|
28
|
+
arrow?: boolean;
|
|
28
29
|
items?: FunctionComponentElement<IItem> | FunctionComponentElement<IItem>[];
|
|
29
30
|
disabled?: boolean;
|
|
30
31
|
enableRerenderItems?: boolean;
|
|
@@ -32,7 +33,7 @@ export interface IDropdown extends AllHTMLAttributes<HTMLDivElement> {
|
|
|
32
33
|
onHide?: () => void;
|
|
33
34
|
};
|
|
34
35
|
|
|
35
|
-
const Dropdown = ({children, className, items, direction = 'down', position = 'right', split = false, disabled, hover = false, enableRerenderItems = true, onShow, onHide, ...props}: IDropdown) => {
|
|
36
|
+
const Dropdown = ({children, className, items, arrow = true, direction = 'down', position = 'right', split = false, disabled, hover = false, enableRerenderItems = true, onShow, onHide, ...props}: IDropdown) => {
|
|
36
37
|
const containerRef = useRef<HTMLDivElement>(null);
|
|
37
38
|
const hoverTimeout = useRef<ReturnType<typeof setTimeout>>();
|
|
38
39
|
const [isOpen, setOpen] = useState(false);
|
|
@@ -104,7 +105,7 @@ const Dropdown = ({children, className, items, direction = 'down', position = 'r
|
|
|
104
105
|
<div onClick={handleClick} className={'ui-dropdown-block' + (isOpen ? ' ' + styles['hide'] : '')}>
|
|
105
106
|
{children}
|
|
106
107
|
</div>
|
|
107
|
-
{(position === 'right' && !disabled) && <Arrow className={styles['arrow']} onClick={handleClickArrow}/>}
|
|
108
|
+
{(position === 'right' && !disabled && arrow) && <Arrow className={styles['arrow']} onClick={handleClickArrow}/>}
|
|
108
109
|
<Items isOpen={isOpen} disabled={disabled} enableRerenderItems={enableRerenderItems} items={items}/>
|
|
109
110
|
</div>
|
|
110
111
|
</Context.Provider>);
|