@asafarim/react-dropdowns 1.6.0 → 1.6.2
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/css.d.ts +1 -0
- package/dist/css.js +1 -0
- package/dist/hooks/useClickOutside.d.ts +2 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.js +31 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +30 -10
- package/dist/index.js.map +1 -1
- package/package.json +13 -1
- package/src/components/Dropdown.tsx +44 -13
- package/src/components/DropdownTrigger.tsx +2 -2
- package/src/css.ts +2 -0
- package/src/hooks/useClickOutside.ts +23 -6
package/dist/css.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './styles/dropdown.css';
|
package/dist/css.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -3,6 +3,7 @@ interface UseClickOutsideProps {
|
|
|
3
3
|
ref: RefObject<HTMLDivElement>;
|
|
4
4
|
handler: () => void;
|
|
5
5
|
enabled?: boolean;
|
|
6
|
+
excludeRefs?: RefObject<HTMLElement>[];
|
|
6
7
|
}
|
|
7
|
-
export declare const useClickOutside: ({ ref, handler, enabled }: UseClickOutsideProps) => void;
|
|
8
|
+
export declare const useClickOutside: ({ ref, handler, enabled, excludeRefs }: UseClickOutsideProps) => void;
|
|
8
9
|
export {};
|
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
@import "@asafarim/design-tokens/css/index.css";.asm-dropdown{display:inline-block;position:relative}.asm-dropdown-trigger{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;justify-content:center;margin:0;padding:0}.asm-dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.asm-dropdown-trigger:focus-visible{border-radius:var(--asm-radius-sm);outline:2px solid var(--asm-color-primary-500);outline-offset:2px}.asm-dropdown-menu{animation:asm-dropdown-enter .15s ease-out;background-color:var(--asm-color-surface);border:1px solid var(--asm-color-border);border-radius:var(--asm-radius-lg);box-shadow:var(--asm-effect-shadow-lg);max-height:400px;max-width:320px;min-width:160px;overflow-y:auto;padding:var(--asm-space-1);transform-origin:top;z-index:var(--asm-z-dropdown)}@keyframes asm-dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.asm-dropdown-menu--sm{min-width:120px;padding:var(--asm-space-0-5)}.asm-dropdown-menu--md{min-width:160px;padding:var(--asm-space-1)}.asm-dropdown-menu--lg{min-width:200px;padding:var(--asm-space-1-5)}.asm-dropdown-item{align-items:center;background:transparent;border:none;border-radius:var(--asm-radius-md);color:var(--asm-color-text);cursor:pointer;display:flex;font-size:var(--asm-font-size-sm);font-weight:var(--asm-font-weight-400);gap:var(--asm-space-2);min-height:36px;padding:var(--asm-space-2) var(--asm-space-3);text-align:left;transition:var(--asm-transition-fade);width:100%}.asm-dropdown-item:focus,.asm-dropdown-item:hover:not(:disabled){background-color:var(--asm-color-button-ghost-bg-hover);color:var(--asm-color-text)}.asm-dropdown-item:focus{outline:none}.asm-dropdown-item:active:not(:disabled){background-color:var(--asm-color-button-ghost-bg-hover)}.asm-dropdown-item--disabled{color:var(--asm-color-text-muted);cursor:not-allowed;opacity:.6}.asm-dropdown-item--danger{color:var(--asm-color-danger-600)}.asm-dropdown-item--danger:focus,.asm-dropdown-item--danger:hover:not(:disabled){background-color:var(--asm-color-danger-50);color:var(--asm-color-danger-700)}.asm-dropdown-item__icon{align-items:center;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.asm-dropdown-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asm-dropdown-divider{background-color:var(--asm-color-border);height:1px;margin:var(--asm-space-1) 0}[data-theme=dark] .asm-dropdown-menu{background-color:var(--asm-color-surface);border-color:var(--asm-color-border);box-shadow:var(--asm-effect-shadow-lg)}[data-theme=dark] .asm-dropdown-item{color:var(--asm-color-text)}[data-theme=dark] .asm-dropdown-item:hover:not(:disabled){background-color:var(--asm-color-button-ghost-bg-hover)}[data-theme=dark] .asm-dropdown-item--danger{color:var(--asm-color-danger-400)}[data-theme=dark] .asm-dropdown-item--danger:hover:not(:disabled){background-color:var(--asm-color-danger-900);color:var(--asm-color-danger-300)}@media (max-width:640px){.asm-dropdown-menu{max-height:60vh;max-width:calc(100vw - 32px);min-width:200px}.asm-dropdown-item{font-size:var(--asm-font-size-md);min-height:44px;padding:var(--asm-space-3) var(--asm-space-4)}.asm-dropdown-item__icon{height:20px;width:20px}}@media (hover:none) and (pointer:coarse){.asm-dropdown-item{min-height:44px;padding:var(--asm-space-3) var(--asm-space-4)}}@media (prefers-reduced-motion:reduce){.asm-dropdown-menu{animation:none}.asm-dropdown-item{transition:none}}@media (prefers-contrast:high){.asm-dropdown-menu{border-width:2px}.asm-dropdown-item:focus{outline:2px solid currentColor;outline-offset:-2px}}
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
1
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import React, { useState, useRef, useCallback, useEffect, forwardRef } from 'react';
|
|
3
3
|
import { createPortal } from 'react-dom';
|
|
4
4
|
|
|
@@ -170,18 +170,26 @@ const useDropdown = ({ placement = 'bottom-start', offset = 8, closeOnSelect = t
|
|
|
170
170
|
};
|
|
171
171
|
};
|
|
172
172
|
|
|
173
|
-
const useClickOutside = ({ ref, handler, enabled = true }) => {
|
|
173
|
+
const useClickOutside = ({ ref, handler, enabled = true, excludeRefs = [] }) => {
|
|
174
174
|
useEffect(() => {
|
|
175
175
|
if (!enabled)
|
|
176
176
|
return;
|
|
177
177
|
const handleMouseDown = (event) => {
|
|
178
|
-
|
|
179
|
-
|
|
178
|
+
const target = event.target;
|
|
179
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
180
|
+
const isInExcludedRef = excludeRefs.some(excludeRef => excludeRef.current && excludeRef.current.contains(target));
|
|
181
|
+
if (!isInExcludedRef) {
|
|
182
|
+
handler();
|
|
183
|
+
}
|
|
180
184
|
}
|
|
181
185
|
};
|
|
182
186
|
const handleTouchStart = (event) => {
|
|
183
|
-
|
|
184
|
-
|
|
187
|
+
const target = event.target;
|
|
188
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
189
|
+
const isInExcludedRef = excludeRefs.some(excludeRef => excludeRef.current && excludeRef.current.contains(target));
|
|
190
|
+
if (!isInExcludedRef) {
|
|
191
|
+
handler();
|
|
192
|
+
}
|
|
185
193
|
}
|
|
186
194
|
};
|
|
187
195
|
// Add event listeners
|
|
@@ -191,7 +199,7 @@ const useClickOutside = ({ ref, handler, enabled = true }) => {
|
|
|
191
199
|
document.removeEventListener('mousedown', handleMouseDown);
|
|
192
200
|
document.removeEventListener('touchstart', handleTouchStart);
|
|
193
201
|
};
|
|
194
|
-
}, [ref, handler, enabled]);
|
|
202
|
+
}, [ref, handler, enabled, excludeRefs]);
|
|
195
203
|
};
|
|
196
204
|
|
|
197
205
|
const useKeyboardNavigation = ({ isOpen, menuRef, onClose, onSelect }) => {
|
|
@@ -316,8 +324,8 @@ const DropdownTrigger = React.forwardRef(({ children, onClick, onKeyDown, disabl
|
|
|
316
324
|
const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();
|
|
317
325
|
// Check if children is already a button element
|
|
318
326
|
const isButtonChild = React.isValidElement(children) &&
|
|
319
|
-
|
|
320
|
-
|
|
327
|
+
typeof children.type === 'string' &&
|
|
328
|
+
children.type === 'button';
|
|
321
329
|
if (isButtonChild) {
|
|
322
330
|
// Clone the button and add our props
|
|
323
331
|
return React.cloneElement(children, {
|
|
@@ -378,7 +386,8 @@ const Dropdown = ({ children, items = [], isOpen: controlledIsOpen, onToggle, pl
|
|
|
378
386
|
useClickOutside({
|
|
379
387
|
ref: containerRef,
|
|
380
388
|
handler: handleClose,
|
|
381
|
-
enabled: isOpen
|
|
389
|
+
enabled: isOpen,
|
|
390
|
+
excludeRefs: [menuRef]
|
|
382
391
|
});
|
|
383
392
|
// Keyboard navigation
|
|
384
393
|
useKeyboardNavigation({
|
|
@@ -399,7 +408,18 @@ const Dropdown = ({ children, items = [], isOpen: controlledIsOpen, onToggle, pl
|
|
|
399
408
|
}
|
|
400
409
|
}
|
|
401
410
|
};
|
|
402
|
-
|
|
411
|
+
// Check if children is a button element to avoid nested buttons
|
|
412
|
+
const isButtonChild = React.isValidElement(children) &&
|
|
413
|
+
typeof children.type === 'string' &&
|
|
414
|
+
children.type === 'button';
|
|
415
|
+
const triggerChildren = isButtonChild
|
|
416
|
+
? showChevron
|
|
417
|
+
? React.cloneElement(children, {
|
|
418
|
+
children: (jsxs(Fragment, { children: [children.props.children, jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", style: { marginLeft: 'var(--asm-space-1)' }, children: jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })] }))
|
|
419
|
+
})
|
|
420
|
+
: children
|
|
421
|
+
: (jsxs(Fragment, { children: [children, showChevron && (jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", style: { marginLeft: 'var(--asm-space-1)' }, children: jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }))] }));
|
|
422
|
+
return (jsxs("div", { ref: containerRef, className: `asm-dropdown ${className}`, "data-testid": testId, children: [jsx(DropdownTrigger, { ref: triggerRef, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, variant: variant, size: size, children: triggerChildren }), isOpen && createPortal(jsx(DropdownMenu, { ref: menuRef, isOpen: isOpen, position: position, size: size, "data-testid": testId ? `${testId}-menu` : undefined, children: items.map((item, index) => (jsx(React.Fragment, { children: item.divider ? (jsx("div", { className: "asm-dropdown-divider" })) : (jsx(DropdownItem, { label: item.label, icon: item.icon, disabled: item.disabled, danger: item.danger, onClick: (event) => {
|
|
403
423
|
if (item.onClick) {
|
|
404
424
|
item.onClick(event);
|
|
405
425
|
}
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../src/hooks/useDropdown.ts","../src/hooks/useClickOutside.ts","../src/hooks/useKeyboardNavigation.ts","../src/components/DropdownMenu.tsx","../src/components/DropdownItem.tsx","../src/components/DropdownTrigger.tsx","../src/components/Dropdown.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect } from 'react';\nimport { DropdownPlacement, DropdownPosition } from '../types';\n\ninterface UseDropdownProps {\n placement?: DropdownPlacement;\n offset?: number;\n closeOnSelect?: boolean;\n}\n\nexport const useDropdown = ({\n placement = 'bottom-start',\n offset = 8,\n closeOnSelect = true\n}: UseDropdownProps = {}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [position, setPosition] = useState<DropdownPosition>({});\n const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n const calculatePosition = useCallback(() => {\n if (!triggerRef.current || !menuRef.current) return;\n\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const menuRect = menuRef.current.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n\n let newPosition: DropdownPosition = {};\n\n // Calculate base position based on placement\n switch (placement) {\n case 'top':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'top-start':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left\n };\n break;\n case 'top-end':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'bottom':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'bottom-start':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left\n };\n break;\n case 'bottom-end':\n newPosition = {\n top: triggerRect.bottom + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'left':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-start':\n newPosition = {\n top: triggerRect.top,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'right':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n left: triggerRect.right + offset\n };\n break;\n case 'right-start':\n newPosition = {\n top: triggerRect.top,\n left: triggerRect.right + offset\n };\n break;\n case 'right-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n left: triggerRect.right + offset\n };\n break;\n }\n\n // Adjust for viewport boundaries\n if (newPosition.left !== undefined) {\n if (newPosition.left < 0) {\n newPosition.left = 8;\n } else if (newPosition.left + menuRect.width > viewport.width) {\n newPosition.left = viewport.width - menuRect.width - 8;\n }\n }\n\n if (newPosition.right !== undefined) {\n if (newPosition.right < 0) {\n newPosition.right = 8;\n }\n }\n\n if (newPosition.top !== undefined) {\n if (newPosition.top < 0) {\n newPosition.top = 8;\n } else if (newPosition.top + menuRect.height > viewport.height) {\n newPosition.top = viewport.height - menuRect.height - 8;\n }\n }\n\n if (newPosition.bottom !== undefined) {\n if (newPosition.bottom < 0) {\n newPosition.bottom = 8;\n }\n }\n\n setPosition(newPosition);\n }, [placement, offset]);\n\n const toggle = useCallback(() => {\n setIsOpen(prev => !prev);\n }, []);\n\n const open = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const close = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleItemClick = useCallback(() => {\n if (closeOnSelect) {\n close();\n }\n }, [closeOnSelect, close]);\n\n // Recalculate position when opened\n useEffect(() => {\n if (isOpen) {\n // Small delay to ensure DOM is updated\n const timer = setTimeout(calculatePosition, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, calculatePosition]);\n\n // Recalculate position on window resize and scroll\n useEffect(() => {\n if (!isOpen) return;\n\n const handleResize = () => calculatePosition();\n const handleScroll = () => calculatePosition();\n \n window.addEventListener('resize', handleResize);\n window.addEventListener('scroll', handleScroll, { passive: true });\n document.addEventListener('scroll', handleScroll, { passive: true });\n \n return () => {\n window.removeEventListener('resize', handleResize);\n window.removeEventListener('scroll', handleScroll);\n document.removeEventListener('scroll', handleScroll);\n };\n }, [isOpen, calculatePosition]);\n\n return {\n isOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n open,\n close,\n handleItemClick\n };\n};\n","import { useEffect, RefObject } from 'react';\n\ninterface UseClickOutsideProps {\n ref: RefObject<HTMLDivElement>;\n handler: () => void;\n enabled?: boolean;\n}\n\nexport const useClickOutside = ({ ref, handler, enabled = true }: UseClickOutsideProps) => {\n useEffect(() => {\n if (!enabled) return;\n\n const handleMouseDown = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n handler();\n }\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n handler();\n }\n };\n\n // Add event listeners\n document.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('touchstart', handleTouchStart);\n\n return () => {\n document.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('touchstart', handleTouchStart);\n };\n }, [ref, handler, enabled]);\n};\n","import { useEffect, useCallback, RefObject } from 'react';\n\ninterface UseKeyboardNavigationProps {\n isOpen: boolean;\n menuRef: RefObject<HTMLElement>;\n onClose: () => void;\n onSelect?: (index: number) => void;\n}\n\nexport const useKeyboardNavigation = ({\n isOpen,\n menuRef,\n onClose,\n onSelect\n}: UseKeyboardNavigationProps) => {\n const getMenuItems = useCallback(() => {\n if (!menuRef.current) return [];\n return Array.from(\n menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([disabled])')\n ) as HTMLElement[];\n }, [menuRef]);\n\n const focusItem = useCallback((index: number) => {\n const items = getMenuItems();\n if (items[index]) {\n items[index].focus();\n }\n }, [getMenuItems]);\n\n const getCurrentIndex = useCallback(() => {\n const items = getMenuItems();\n const activeElement = document.activeElement as HTMLElement;\n return items.indexOf(activeElement);\n }, [getMenuItems]);\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (!isOpen) return;\n\n const items = getMenuItems();\n const currentIndex = getCurrentIndex();\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault();\n onClose();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n if (items.length > 0) {\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n focusItem(nextIndex);\n }\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n if (items.length > 0) {\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n focusItem(prevIndex);\n }\n break;\n\n case 'Home':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(0);\n }\n break;\n\n case 'End':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(items.length - 1);\n }\n break;\n\n case 'Enter':\n case ' ':\n event.preventDefault();\n if (currentIndex >= 0 && onSelect) {\n onSelect(currentIndex);\n }\n break;\n\n case 'Tab':\n onClose();\n break;\n }\n }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, handleKeyDown]);\n\n // Focus first item when menu opens\n useEffect(() => {\n if (isOpen) {\n const timer = setTimeout(() => {\n focusItem(0);\n }, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, focusItem]);\n};\n","import React, { forwardRef } from 'react';\nimport { DropdownMenuProps } from '../types';\n\nexport const DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(({\n children,\n isOpen,\n position,\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n if (!isOpen) return null;\n\n const positionStyles: React.CSSProperties = {\n position: 'fixed',\n zIndex: 1000,\n ...position\n };\n\n return (\n <div\n ref={ref}\n className={`asm-dropdown-menu asm-dropdown-menu--${size} ${className}`}\n style={positionStyles}\n role=\"menu\"\n aria-orientation=\"vertical\"\n data-testid={testId}\n >\n {children}\n </div>\n );\n});\n\nDropdownMenu.displayName = 'DropdownMenu';\n","import React from 'react';\nimport { DropdownItemProps } from '../types';\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n label = '',\n icon,\n disabled = false,\n danger = false,\n divider = false,\n onClick,\n className = '',\n 'data-testid': testId\n}) => {\n if (divider) {\n return <div className=\"asm-dropdown-divider\" data-testid={testId} />;\n }\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled) return;\n onClick?.(event);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n if (!disabled && onClick) {\n onClick(event as any);\n }\n }\n };\n\n return (\n <button\n type=\"button\"\n className={`asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n role=\"menuitem\"\n tabIndex={-1}\n data-testid={testId}\n >\n {icon && (\n <span className=\"asm-dropdown-item__icon\">\n {icon}\n </span>\n )}\n <span className=\"asm-dropdown-item__label\">\n {label || children}\n </span>\n </button>\n );\n};\n","import React from 'react';\nimport { DropdownTriggerProps } from '../types';\nimport styles from './DropdownTrigger.module.css';\n\nexport const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProps>(({\n children,\n onClick,\n onKeyDown,\n disabled = false,\n variant = 'primary',\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n const variantClass = styles[variant] || styles.primary;\n const sizeClass = styles[size] || styles.md;\n const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();\n\n // Check if children is already a button element\n const isButtonChild = React.isValidElement(children) && \n (children.type === 'button' || \n (typeof children.type === 'string' && children.type === 'button'));\n\n if (isButtonChild) {\n // Clone the button and add our props\n return React.cloneElement(children as React.ReactElement<any>, {\n className: `${(children as any).props.className || ''} ${triggerClass}`.trim(),\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n (children as any).props.onClick?.(e);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(e);\n (children as any).props.onKeyDown?.(e);\n },\n disabled: disabled || (children as any).props.disabled,\n 'aria-haspopup': 'menu',\n 'aria-expanded': false,\n 'data-testid': testId || (children as any).props['data-testid'],\n ref: ref\n });\n }\n\n // For non-button children, wrap in a button\n return (\n <button\n ref={ref as React.RefObject<HTMLButtonElement>}\n type=\"button\"\n className={triggerClass}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled}\n aria-haspopup=\"menu\"\n aria-expanded={false}\n data-testid={testId}\n >\n {children}\n </button>\n );\n});\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { DropdownProps } from '../types';\nimport { useDropdown } from '../hooks/useDropdown';\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { useKeyboardNavigation } from '../hooks/useKeyboardNavigation';\nimport { DropdownMenu } from './DropdownMenu';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n items = [],\n isOpen: controlledIsOpen,\n onToggle,\n placement = 'bottom-start',\n size = 'md',\n variant = 'primary',\n disabled = false,\n closeOnSelect = true,\n showChevron = true,\n className = '',\n 'data-testid': testId\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n \n const {\n isOpen: internalIsOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n close,\n handleItemClick\n } = useDropdown({\n placement,\n closeOnSelect\n });\n\n // Use controlled or internal state\n const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n \n const handleToggle = () => {\n if (disabled) return;\n \n if (onToggle) {\n onToggle(!isOpen);\n } else {\n toggle();\n }\n };\n\n const handleClose = () => {\n if (onToggle) {\n onToggle(false);\n } else {\n close();\n }\n };\n\n const handleItemSelect = (index: number) => {\n const item = items[index];\n if (item && !item.disabled && item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n handleItemClick();\n };\n\n // Click outside to close\n useClickOutside({\n ref: containerRef,\n handler: handleClose,\n enabled: isOpen\n });\n\n // Keyboard navigation\n useKeyboardNavigation({\n isOpen,\n menuRef,\n onClose: handleClose,\n onSelect: handleItemSelect\n });\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleToggle();\n } else if (event.key === 'ArrowDown') {\n event.preventDefault();\n if (!isOpen) {\n handleToggle();\n }\n }\n };\n\n return (\n <div \n ref={containerRef}\n className={`asm-dropdown ${className}`}\n data-testid={testId}\n >\n <DropdownTrigger\n ref={triggerRef}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n variant={variant}\n size={size}\n >\n {children}\n {showChevron && (\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n )}\n </DropdownTrigger>\n\n {isOpen && createPortal(\n <DropdownMenu\n ref={menuRef}\n isOpen={isOpen}\n position={position}\n size={size}\n data-testid={testId ? `${testId}-menu` : undefined}\n >\n {items.map((item, index) => (\n <React.Fragment key={item.id || index}>\n {item.divider ? (\n <div className=\"asm-dropdown-divider\" />\n ) : (\n <DropdownItem\n label={item.label}\n icon={item.icon}\n disabled={item.disabled}\n danger={item.danger}\n onClick={(event) => {\n if (item.onClick) {\n item.onClick(event);\n }\n handleItemClick();\n }}\n data-testid={item.id ? `${testId}-item-${item.id}` : undefined}\n />\n )}\n </React.Fragment>\n ))}\n </DropdownMenu>,\n document.body\n )}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/hooks/useDropdown.ts","../src/hooks/useClickOutside.ts","../src/hooks/useKeyboardNavigation.ts","../src/components/DropdownMenu.tsx","../src/components/DropdownItem.tsx","../src/components/DropdownTrigger.tsx","../src/components/Dropdown.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect } from 'react';\nimport { DropdownPlacement, DropdownPosition } from '../types';\n\ninterface UseDropdownProps {\n placement?: DropdownPlacement;\n offset?: number;\n closeOnSelect?: boolean;\n}\n\nexport const useDropdown = ({\n placement = 'bottom-start',\n offset = 8,\n closeOnSelect = true\n}: UseDropdownProps = {}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [position, setPosition] = useState<DropdownPosition>({});\n const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n const calculatePosition = useCallback(() => {\n if (!triggerRef.current || !menuRef.current) return;\n\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const menuRect = menuRef.current.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n\n let newPosition: DropdownPosition = {};\n\n // Calculate base position based on placement\n switch (placement) {\n case 'top':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'top-start':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left\n };\n break;\n case 'top-end':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'bottom':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'bottom-start':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left\n };\n break;\n case 'bottom-end':\n newPosition = {\n top: triggerRect.bottom + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'left':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-start':\n newPosition = {\n top: triggerRect.top,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'right':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n left: triggerRect.right + offset\n };\n break;\n case 'right-start':\n newPosition = {\n top: triggerRect.top,\n left: triggerRect.right + offset\n };\n break;\n case 'right-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n left: triggerRect.right + offset\n };\n break;\n }\n\n // Adjust for viewport boundaries\n if (newPosition.left !== undefined) {\n if (newPosition.left < 0) {\n newPosition.left = 8;\n } else if (newPosition.left + menuRect.width > viewport.width) {\n newPosition.left = viewport.width - menuRect.width - 8;\n }\n }\n\n if (newPosition.right !== undefined) {\n if (newPosition.right < 0) {\n newPosition.right = 8;\n }\n }\n\n if (newPosition.top !== undefined) {\n if (newPosition.top < 0) {\n newPosition.top = 8;\n } else if (newPosition.top + menuRect.height > viewport.height) {\n newPosition.top = viewport.height - menuRect.height - 8;\n }\n }\n\n if (newPosition.bottom !== undefined) {\n if (newPosition.bottom < 0) {\n newPosition.bottom = 8;\n }\n }\n\n setPosition(newPosition);\n }, [placement, offset]);\n\n const toggle = useCallback(() => {\n setIsOpen(prev => !prev);\n }, []);\n\n const open = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const close = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleItemClick = useCallback(() => {\n if (closeOnSelect) {\n close();\n }\n }, [closeOnSelect, close]);\n\n // Recalculate position when opened\n useEffect(() => {\n if (isOpen) {\n // Small delay to ensure DOM is updated\n const timer = setTimeout(calculatePosition, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, calculatePosition]);\n\n // Recalculate position on window resize and scroll\n useEffect(() => {\n if (!isOpen) return;\n\n const handleResize = () => calculatePosition();\n const handleScroll = () => calculatePosition();\n \n window.addEventListener('resize', handleResize);\n window.addEventListener('scroll', handleScroll, { passive: true });\n document.addEventListener('scroll', handleScroll, { passive: true });\n \n return () => {\n window.removeEventListener('resize', handleResize);\n window.removeEventListener('scroll', handleScroll);\n document.removeEventListener('scroll', handleScroll);\n };\n }, [isOpen, calculatePosition]);\n\n return {\n isOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n open,\n close,\n handleItemClick\n };\n};\n","import { useEffect, RefObject } from 'react';\n\ninterface UseClickOutsideProps {\n ref: RefObject<HTMLDivElement>;\n handler: () => void;\n enabled?: boolean;\n excludeRefs?: RefObject<HTMLElement>[];\n}\n\nexport const useClickOutside = ({ ref, handler, enabled = true, excludeRefs = [] }: UseClickOutsideProps) => {\n useEffect(() => {\n if (!enabled) return;\n\n const handleMouseDown = (event: MouseEvent) => {\n const target = event.target as Node;\n \n if (ref.current && !ref.current.contains(target)) {\n const isInExcludedRef = excludeRefs.some(\n excludeRef => excludeRef.current && excludeRef.current.contains(target)\n );\n \n if (!isInExcludedRef) {\n handler();\n }\n }\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n const target = event.target as Node;\n \n if (ref.current && !ref.current.contains(target)) {\n const isInExcludedRef = excludeRefs.some(\n excludeRef => excludeRef.current && excludeRef.current.contains(target)\n );\n \n if (!isInExcludedRef) {\n handler();\n }\n }\n };\n\n // Add event listeners\n document.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('touchstart', handleTouchStart);\n\n return () => {\n document.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('touchstart', handleTouchStart);\n };\n }, [ref, handler, enabled, excludeRefs]);\n};\n","import { useEffect, useCallback, RefObject } from 'react';\n\ninterface UseKeyboardNavigationProps {\n isOpen: boolean;\n menuRef: RefObject<HTMLElement>;\n onClose: () => void;\n onSelect?: (index: number) => void;\n}\n\nexport const useKeyboardNavigation = ({\n isOpen,\n menuRef,\n onClose,\n onSelect\n}: UseKeyboardNavigationProps) => {\n const getMenuItems = useCallback(() => {\n if (!menuRef.current) return [];\n return Array.from(\n menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([disabled])')\n ) as HTMLElement[];\n }, [menuRef]);\n\n const focusItem = useCallback((index: number) => {\n const items = getMenuItems();\n if (items[index]) {\n items[index].focus();\n }\n }, [getMenuItems]);\n\n const getCurrentIndex = useCallback(() => {\n const items = getMenuItems();\n const activeElement = document.activeElement as HTMLElement;\n return items.indexOf(activeElement);\n }, [getMenuItems]);\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (!isOpen) return;\n\n const items = getMenuItems();\n const currentIndex = getCurrentIndex();\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault();\n onClose();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n if (items.length > 0) {\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n focusItem(nextIndex);\n }\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n if (items.length > 0) {\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n focusItem(prevIndex);\n }\n break;\n\n case 'Home':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(0);\n }\n break;\n\n case 'End':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(items.length - 1);\n }\n break;\n\n case 'Enter':\n case ' ':\n event.preventDefault();\n if (currentIndex >= 0 && onSelect) {\n onSelect(currentIndex);\n }\n break;\n\n case 'Tab':\n onClose();\n break;\n }\n }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, handleKeyDown]);\n\n // Focus first item when menu opens\n useEffect(() => {\n if (isOpen) {\n const timer = setTimeout(() => {\n focusItem(0);\n }, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, focusItem]);\n};\n","import React, { forwardRef } from 'react';\nimport { DropdownMenuProps } from '../types';\n\nexport const DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(({\n children,\n isOpen,\n position,\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n if (!isOpen) return null;\n\n const positionStyles: React.CSSProperties = {\n position: 'fixed',\n zIndex: 1000,\n ...position\n };\n\n return (\n <div\n ref={ref}\n className={`asm-dropdown-menu asm-dropdown-menu--${size} ${className}`}\n style={positionStyles}\n role=\"menu\"\n aria-orientation=\"vertical\"\n data-testid={testId}\n >\n {children}\n </div>\n );\n});\n\nDropdownMenu.displayName = 'DropdownMenu';\n","import React from 'react';\nimport { DropdownItemProps } from '../types';\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n label = '',\n icon,\n disabled = false,\n danger = false,\n divider = false,\n onClick,\n className = '',\n 'data-testid': testId\n}) => {\n if (divider) {\n return <div className=\"asm-dropdown-divider\" data-testid={testId} />;\n }\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled) return;\n onClick?.(event);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n if (!disabled && onClick) {\n onClick(event as any);\n }\n }\n };\n\n return (\n <button\n type=\"button\"\n className={`asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n role=\"menuitem\"\n tabIndex={-1}\n data-testid={testId}\n >\n {icon && (\n <span className=\"asm-dropdown-item__icon\">\n {icon}\n </span>\n )}\n <span className=\"asm-dropdown-item__label\">\n {label || children}\n </span>\n </button>\n );\n};\n","import React from 'react';\nimport { DropdownTriggerProps } from '../types';\nimport styles from './DropdownTrigger.module.css';\n\nexport const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProps>(({\n children,\n onClick,\n onKeyDown,\n disabled = false,\n variant = 'primary',\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n const variantClass = styles[variant] || styles.primary;\n const sizeClass = styles[size] || styles.md;\n const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();\n\n // Check if children is already a button element\n const isButtonChild = React.isValidElement(children) && \n typeof children.type === 'string' && \n children.type === 'button';\n\n if (isButtonChild) {\n // Clone the button and add our props\n return React.cloneElement(children as React.ReactElement<any>, {\n className: `${(children as any).props.className || ''} ${triggerClass}`.trim(),\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n (children as any).props.onClick?.(e);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(e);\n (children as any).props.onKeyDown?.(e);\n },\n disabled: disabled || (children as any).props.disabled,\n 'aria-haspopup': 'menu',\n 'aria-expanded': false,\n 'data-testid': testId || (children as any).props['data-testid'],\n ref: ref\n });\n }\n\n // For non-button children, wrap in a button\n return (\n <button\n ref={ref as React.RefObject<HTMLButtonElement>}\n type=\"button\"\n className={triggerClass}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled}\n aria-haspopup=\"menu\"\n aria-expanded={false}\n data-testid={testId}\n >\n {children}\n </button>\n );\n});\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { DropdownProps } from '../types';\nimport { useDropdown } from '../hooks/useDropdown';\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { useKeyboardNavigation } from '../hooks/useKeyboardNavigation';\nimport { DropdownMenu } from './DropdownMenu';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n items = [],\n isOpen: controlledIsOpen,\n onToggle,\n placement = 'bottom-start',\n size = 'md',\n variant = 'primary',\n disabled = false,\n closeOnSelect = true,\n showChevron = true,\n className = '',\n 'data-testid': testId\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n \n const {\n isOpen: internalIsOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n close,\n handleItemClick\n } = useDropdown({\n placement,\n closeOnSelect\n });\n\n // Use controlled or internal state\n const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n \n const handleToggle = () => {\n if (disabled) return;\n \n if (onToggle) {\n onToggle(!isOpen);\n } else {\n toggle();\n }\n };\n\n const handleClose = () => {\n if (onToggle) {\n onToggle(false);\n } else {\n close();\n }\n };\n\n const handleItemSelect = (index: number) => {\n const item = items[index];\n if (item && !item.disabled && item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n handleItemClick();\n };\n\n // Click outside to close\n useClickOutside({\n ref: containerRef,\n handler: handleClose,\n enabled: isOpen,\n excludeRefs: [menuRef]\n });\n\n // Keyboard navigation\n useKeyboardNavigation({\n isOpen,\n menuRef,\n onClose: handleClose,\n onSelect: handleItemSelect\n });\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleToggle();\n } else if (event.key === 'ArrowDown') {\n event.preventDefault();\n if (!isOpen) {\n handleToggle();\n }\n }\n };\n\n // Check if children is a button element to avoid nested buttons\n const isButtonChild = React.isValidElement(children) && \n typeof children.type === 'string' && \n children.type === 'button';\n\n const triggerChildren = isButtonChild\n ? showChevron\n ? React.cloneElement(children as React.ReactElement<any>, {\n children: (\n <>\n {(children as any).props.children}\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n </>\n )\n })\n : children\n : (\n <>\n {children}\n {showChevron && (\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n )}\n </>\n );\n\n return (\n <div \n ref={containerRef}\n className={`asm-dropdown ${className}`}\n data-testid={testId}\n >\n <DropdownTrigger\n ref={triggerRef}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n variant={variant}\n size={size}\n >\n {triggerChildren}\n </DropdownTrigger>\n\n {isOpen && createPortal(\n <DropdownMenu\n ref={menuRef}\n isOpen={isOpen}\n position={position}\n size={size}\n data-testid={testId ? `${testId}-menu` : undefined}\n >\n {items.map((item, index) => (\n <React.Fragment key={item.id || index}>\n {item.divider ? (\n <div className=\"asm-dropdown-divider\" />\n ) : (\n <DropdownItem\n label={item.label}\n icon={item.icon}\n disabled={item.disabled}\n danger={item.danger}\n onClick={(event) => {\n if (item.onClick) {\n item.onClick(event);\n }\n handleItemClick();\n }}\n data-testid={item.id ? `${testId}-item-${item.id}` : undefined}\n />\n )}\n </React.Fragment>\n ))}\n </DropdownMenu>,\n document.body\n )}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -172,18 +172,26 @@ const useDropdown = ({ placement = 'bottom-start', offset = 8, closeOnSelect = t
|
|
|
172
172
|
};
|
|
173
173
|
};
|
|
174
174
|
|
|
175
|
-
const useClickOutside = ({ ref, handler, enabled = true }) => {
|
|
175
|
+
const useClickOutside = ({ ref, handler, enabled = true, excludeRefs = [] }) => {
|
|
176
176
|
React.useEffect(() => {
|
|
177
177
|
if (!enabled)
|
|
178
178
|
return;
|
|
179
179
|
const handleMouseDown = (event) => {
|
|
180
|
-
|
|
181
|
-
|
|
180
|
+
const target = event.target;
|
|
181
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
182
|
+
const isInExcludedRef = excludeRefs.some(excludeRef => excludeRef.current && excludeRef.current.contains(target));
|
|
183
|
+
if (!isInExcludedRef) {
|
|
184
|
+
handler();
|
|
185
|
+
}
|
|
182
186
|
}
|
|
183
187
|
};
|
|
184
188
|
const handleTouchStart = (event) => {
|
|
185
|
-
|
|
186
|
-
|
|
189
|
+
const target = event.target;
|
|
190
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
191
|
+
const isInExcludedRef = excludeRefs.some(excludeRef => excludeRef.current && excludeRef.current.contains(target));
|
|
192
|
+
if (!isInExcludedRef) {
|
|
193
|
+
handler();
|
|
194
|
+
}
|
|
187
195
|
}
|
|
188
196
|
};
|
|
189
197
|
// Add event listeners
|
|
@@ -193,7 +201,7 @@ const useClickOutside = ({ ref, handler, enabled = true }) => {
|
|
|
193
201
|
document.removeEventListener('mousedown', handleMouseDown);
|
|
194
202
|
document.removeEventListener('touchstart', handleTouchStart);
|
|
195
203
|
};
|
|
196
|
-
}, [ref, handler, enabled]);
|
|
204
|
+
}, [ref, handler, enabled, excludeRefs]);
|
|
197
205
|
};
|
|
198
206
|
|
|
199
207
|
const useKeyboardNavigation = ({ isOpen, menuRef, onClose, onSelect }) => {
|
|
@@ -318,8 +326,8 @@ const DropdownTrigger = React.forwardRef(({ children, onClick, onKeyDown, disabl
|
|
|
318
326
|
const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();
|
|
319
327
|
// Check if children is already a button element
|
|
320
328
|
const isButtonChild = React.isValidElement(children) &&
|
|
321
|
-
|
|
322
|
-
|
|
329
|
+
typeof children.type === 'string' &&
|
|
330
|
+
children.type === 'button';
|
|
323
331
|
if (isButtonChild) {
|
|
324
332
|
// Clone the button and add our props
|
|
325
333
|
return React.cloneElement(children, {
|
|
@@ -380,7 +388,8 @@ const Dropdown = ({ children, items = [], isOpen: controlledIsOpen, onToggle, pl
|
|
|
380
388
|
useClickOutside({
|
|
381
389
|
ref: containerRef,
|
|
382
390
|
handler: handleClose,
|
|
383
|
-
enabled: isOpen
|
|
391
|
+
enabled: isOpen,
|
|
392
|
+
excludeRefs: [menuRef]
|
|
384
393
|
});
|
|
385
394
|
// Keyboard navigation
|
|
386
395
|
useKeyboardNavigation({
|
|
@@ -401,7 +410,18 @@ const Dropdown = ({ children, items = [], isOpen: controlledIsOpen, onToggle, pl
|
|
|
401
410
|
}
|
|
402
411
|
}
|
|
403
412
|
};
|
|
404
|
-
|
|
413
|
+
// Check if children is a button element to avoid nested buttons
|
|
414
|
+
const isButtonChild = React.isValidElement(children) &&
|
|
415
|
+
typeof children.type === 'string' &&
|
|
416
|
+
children.type === 'button';
|
|
417
|
+
const triggerChildren = isButtonChild
|
|
418
|
+
? showChevron
|
|
419
|
+
? React.cloneElement(children, {
|
|
420
|
+
children: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children.props.children, jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", style: { marginLeft: 'var(--asm-space-1)' }, children: jsxRuntime.jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) })] }))
|
|
421
|
+
})
|
|
422
|
+
: children
|
|
423
|
+
: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, showChevron && (jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "currentColor", style: { marginLeft: 'var(--asm-space-1)' }, children: jsxRuntime.jsx("path", { d: "M3 4.5L6 7.5L9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }) }))] }));
|
|
424
|
+
return (jsxRuntime.jsxs("div", { ref: containerRef, className: `asm-dropdown ${className}`, "data-testid": testId, children: [jsxRuntime.jsx(DropdownTrigger, { ref: triggerRef, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, variant: variant, size: size, children: triggerChildren }), isOpen && reactDom.createPortal(jsxRuntime.jsx(DropdownMenu, { ref: menuRef, isOpen: isOpen, position: position, size: size, "data-testid": testId ? `${testId}-menu` : undefined, children: items.map((item, index) => (jsxRuntime.jsx(React.Fragment, { children: item.divider ? (jsxRuntime.jsx("div", { className: "asm-dropdown-divider" })) : (jsxRuntime.jsx(DropdownItem, { label: item.label, icon: item.icon, disabled: item.disabled, danger: item.danger, onClick: (event) => {
|
|
405
425
|
if (item.onClick) {
|
|
406
426
|
item.onClick(event);
|
|
407
427
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/hooks/useDropdown.ts","../src/hooks/useClickOutside.ts","../src/hooks/useKeyboardNavigation.ts","../src/components/DropdownMenu.tsx","../src/components/DropdownItem.tsx","../src/components/DropdownTrigger.tsx","../src/components/Dropdown.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect } from 'react';\nimport { DropdownPlacement, DropdownPosition } from '../types';\n\ninterface UseDropdownProps {\n placement?: DropdownPlacement;\n offset?: number;\n closeOnSelect?: boolean;\n}\n\nexport const useDropdown = ({\n placement = 'bottom-start',\n offset = 8,\n closeOnSelect = true\n}: UseDropdownProps = {}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [position, setPosition] = useState<DropdownPosition>({});\n const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n const calculatePosition = useCallback(() => {\n if (!triggerRef.current || !menuRef.current) return;\n\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const menuRect = menuRef.current.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n\n let newPosition: DropdownPosition = {};\n\n // Calculate base position based on placement\n switch (placement) {\n case 'top':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'top-start':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left\n };\n break;\n case 'top-end':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'bottom':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'bottom-start':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left\n };\n break;\n case 'bottom-end':\n newPosition = {\n top: triggerRect.bottom + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'left':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-start':\n newPosition = {\n top: triggerRect.top,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'right':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n left: triggerRect.right + offset\n };\n break;\n case 'right-start':\n newPosition = {\n top: triggerRect.top,\n left: triggerRect.right + offset\n };\n break;\n case 'right-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n left: triggerRect.right + offset\n };\n break;\n }\n\n // Adjust for viewport boundaries\n if (newPosition.left !== undefined) {\n if (newPosition.left < 0) {\n newPosition.left = 8;\n } else if (newPosition.left + menuRect.width > viewport.width) {\n newPosition.left = viewport.width - menuRect.width - 8;\n }\n }\n\n if (newPosition.right !== undefined) {\n if (newPosition.right < 0) {\n newPosition.right = 8;\n }\n }\n\n if (newPosition.top !== undefined) {\n if (newPosition.top < 0) {\n newPosition.top = 8;\n } else if (newPosition.top + menuRect.height > viewport.height) {\n newPosition.top = viewport.height - menuRect.height - 8;\n }\n }\n\n if (newPosition.bottom !== undefined) {\n if (newPosition.bottom < 0) {\n newPosition.bottom = 8;\n }\n }\n\n setPosition(newPosition);\n }, [placement, offset]);\n\n const toggle = useCallback(() => {\n setIsOpen(prev => !prev);\n }, []);\n\n const open = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const close = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleItemClick = useCallback(() => {\n if (closeOnSelect) {\n close();\n }\n }, [closeOnSelect, close]);\n\n // Recalculate position when opened\n useEffect(() => {\n if (isOpen) {\n // Small delay to ensure DOM is updated\n const timer = setTimeout(calculatePosition, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, calculatePosition]);\n\n // Recalculate position on window resize and scroll\n useEffect(() => {\n if (!isOpen) return;\n\n const handleResize = () => calculatePosition();\n const handleScroll = () => calculatePosition();\n \n window.addEventListener('resize', handleResize);\n window.addEventListener('scroll', handleScroll, { passive: true });\n document.addEventListener('scroll', handleScroll, { passive: true });\n \n return () => {\n window.removeEventListener('resize', handleResize);\n window.removeEventListener('scroll', handleScroll);\n document.removeEventListener('scroll', handleScroll);\n };\n }, [isOpen, calculatePosition]);\n\n return {\n isOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n open,\n close,\n handleItemClick\n };\n};\n","import { useEffect, RefObject } from 'react';\n\ninterface UseClickOutsideProps {\n ref: RefObject<HTMLDivElement>;\n handler: () => void;\n enabled?: boolean;\n}\n\nexport const useClickOutside = ({ ref, handler, enabled = true }: UseClickOutsideProps) => {\n useEffect(() => {\n if (!enabled) return;\n\n const handleMouseDown = (event: MouseEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n handler();\n }\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n if (ref.current && !ref.current.contains(event.target as Node)) {\n handler();\n }\n };\n\n // Add event listeners\n document.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('touchstart', handleTouchStart);\n\n return () => {\n document.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('touchstart', handleTouchStart);\n };\n }, [ref, handler, enabled]);\n};\n","import { useEffect, useCallback, RefObject } from 'react';\n\ninterface UseKeyboardNavigationProps {\n isOpen: boolean;\n menuRef: RefObject<HTMLElement>;\n onClose: () => void;\n onSelect?: (index: number) => void;\n}\n\nexport const useKeyboardNavigation = ({\n isOpen,\n menuRef,\n onClose,\n onSelect\n}: UseKeyboardNavigationProps) => {\n const getMenuItems = useCallback(() => {\n if (!menuRef.current) return [];\n return Array.from(\n menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([disabled])')\n ) as HTMLElement[];\n }, [menuRef]);\n\n const focusItem = useCallback((index: number) => {\n const items = getMenuItems();\n if (items[index]) {\n items[index].focus();\n }\n }, [getMenuItems]);\n\n const getCurrentIndex = useCallback(() => {\n const items = getMenuItems();\n const activeElement = document.activeElement as HTMLElement;\n return items.indexOf(activeElement);\n }, [getMenuItems]);\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (!isOpen) return;\n\n const items = getMenuItems();\n const currentIndex = getCurrentIndex();\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault();\n onClose();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n if (items.length > 0) {\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n focusItem(nextIndex);\n }\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n if (items.length > 0) {\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n focusItem(prevIndex);\n }\n break;\n\n case 'Home':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(0);\n }\n break;\n\n case 'End':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(items.length - 1);\n }\n break;\n\n case 'Enter':\n case ' ':\n event.preventDefault();\n if (currentIndex >= 0 && onSelect) {\n onSelect(currentIndex);\n }\n break;\n\n case 'Tab':\n onClose();\n break;\n }\n }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, handleKeyDown]);\n\n // Focus first item when menu opens\n useEffect(() => {\n if (isOpen) {\n const timer = setTimeout(() => {\n focusItem(0);\n }, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, focusItem]);\n};\n","import React, { forwardRef } from 'react';\nimport { DropdownMenuProps } from '../types';\n\nexport const DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(({\n children,\n isOpen,\n position,\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n if (!isOpen) return null;\n\n const positionStyles: React.CSSProperties = {\n position: 'fixed',\n zIndex: 1000,\n ...position\n };\n\n return (\n <div\n ref={ref}\n className={`asm-dropdown-menu asm-dropdown-menu--${size} ${className}`}\n style={positionStyles}\n role=\"menu\"\n aria-orientation=\"vertical\"\n data-testid={testId}\n >\n {children}\n </div>\n );\n});\n\nDropdownMenu.displayName = 'DropdownMenu';\n","import React from 'react';\nimport { DropdownItemProps } from '../types';\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n label = '',\n icon,\n disabled = false,\n danger = false,\n divider = false,\n onClick,\n className = '',\n 'data-testid': testId\n}) => {\n if (divider) {\n return <div className=\"asm-dropdown-divider\" data-testid={testId} />;\n }\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled) return;\n onClick?.(event);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n if (!disabled && onClick) {\n onClick(event as any);\n }\n }\n };\n\n return (\n <button\n type=\"button\"\n className={`asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n role=\"menuitem\"\n tabIndex={-1}\n data-testid={testId}\n >\n {icon && (\n <span className=\"asm-dropdown-item__icon\">\n {icon}\n </span>\n )}\n <span className=\"asm-dropdown-item__label\">\n {label || children}\n </span>\n </button>\n );\n};\n","import React from 'react';\nimport { DropdownTriggerProps } from '../types';\nimport styles from './DropdownTrigger.module.css';\n\nexport const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProps>(({\n children,\n onClick,\n onKeyDown,\n disabled = false,\n variant = 'primary',\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n const variantClass = styles[variant] || styles.primary;\n const sizeClass = styles[size] || styles.md;\n const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();\n\n // Check if children is already a button element\n const isButtonChild = React.isValidElement(children) && \n (children.type === 'button' || \n (typeof children.type === 'string' && children.type === 'button'));\n\n if (isButtonChild) {\n // Clone the button and add our props\n return React.cloneElement(children as React.ReactElement<any>, {\n className: `${(children as any).props.className || ''} ${triggerClass}`.trim(),\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n (children as any).props.onClick?.(e);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(e);\n (children as any).props.onKeyDown?.(e);\n },\n disabled: disabled || (children as any).props.disabled,\n 'aria-haspopup': 'menu',\n 'aria-expanded': false,\n 'data-testid': testId || (children as any).props['data-testid'],\n ref: ref\n });\n }\n\n // For non-button children, wrap in a button\n return (\n <button\n ref={ref as React.RefObject<HTMLButtonElement>}\n type=\"button\"\n className={triggerClass}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled}\n aria-haspopup=\"menu\"\n aria-expanded={false}\n data-testid={testId}\n >\n {children}\n </button>\n );\n});\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { DropdownProps } from '../types';\nimport { useDropdown } from '../hooks/useDropdown';\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { useKeyboardNavigation } from '../hooks/useKeyboardNavigation';\nimport { DropdownMenu } from './DropdownMenu';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n items = [],\n isOpen: controlledIsOpen,\n onToggle,\n placement = 'bottom-start',\n size = 'md',\n variant = 'primary',\n disabled = false,\n closeOnSelect = true,\n showChevron = true,\n className = '',\n 'data-testid': testId\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n \n const {\n isOpen: internalIsOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n close,\n handleItemClick\n } = useDropdown({\n placement,\n closeOnSelect\n });\n\n // Use controlled or internal state\n const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n \n const handleToggle = () => {\n if (disabled) return;\n \n if (onToggle) {\n onToggle(!isOpen);\n } else {\n toggle();\n }\n };\n\n const handleClose = () => {\n if (onToggle) {\n onToggle(false);\n } else {\n close();\n }\n };\n\n const handleItemSelect = (index: number) => {\n const item = items[index];\n if (item && !item.disabled && item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n handleItemClick();\n };\n\n // Click outside to close\n useClickOutside({\n ref: containerRef,\n handler: handleClose,\n enabled: isOpen\n });\n\n // Keyboard navigation\n useKeyboardNavigation({\n isOpen,\n menuRef,\n onClose: handleClose,\n onSelect: handleItemSelect\n });\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleToggle();\n } else if (event.key === 'ArrowDown') {\n event.preventDefault();\n if (!isOpen) {\n handleToggle();\n }\n }\n };\n\n return (\n <div \n ref={containerRef}\n className={`asm-dropdown ${className}`}\n data-testid={testId}\n >\n <DropdownTrigger\n ref={triggerRef}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n variant={variant}\n size={size}\n >\n {children}\n {showChevron && (\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n )}\n </DropdownTrigger>\n\n {isOpen && createPortal(\n <DropdownMenu\n ref={menuRef}\n isOpen={isOpen}\n position={position}\n size={size}\n data-testid={testId ? `${testId}-menu` : undefined}\n >\n {items.map((item, index) => (\n <React.Fragment key={item.id || index}>\n {item.divider ? (\n <div className=\"asm-dropdown-divider\" />\n ) : (\n <DropdownItem\n label={item.label}\n icon={item.icon}\n disabled={item.disabled}\n danger={item.danger}\n onClick={(event) => {\n if (item.onClick) {\n item.onClick(event);\n }\n handleItemClick();\n }}\n data-testid={item.id ? `${testId}-item-${item.id}` : undefined}\n />\n )}\n </React.Fragment>\n ))}\n </DropdownMenu>,\n document.body\n )}\n </div>\n );\n};\n"],"names":["useState","useRef","useCallback","useEffect","forwardRef","_jsx","_jsxs","createPortal"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/hooks/useDropdown.ts","../src/hooks/useClickOutside.ts","../src/hooks/useKeyboardNavigation.ts","../src/components/DropdownMenu.tsx","../src/components/DropdownItem.tsx","../src/components/DropdownTrigger.tsx","../src/components/Dropdown.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect } from 'react';\nimport { DropdownPlacement, DropdownPosition } from '../types';\n\ninterface UseDropdownProps {\n placement?: DropdownPlacement;\n offset?: number;\n closeOnSelect?: boolean;\n}\n\nexport const useDropdown = ({\n placement = 'bottom-start',\n offset = 8,\n closeOnSelect = true\n}: UseDropdownProps = {}) => {\n const [isOpen, setIsOpen] = useState(false);\n const [position, setPosition] = useState<DropdownPosition>({});\n const triggerRef = useRef<HTMLDivElement>(null);\n const menuRef = useRef<HTMLDivElement>(null);\n\n const calculatePosition = useCallback(() => {\n if (!triggerRef.current || !menuRef.current) return;\n\n const triggerRect = triggerRef.current.getBoundingClientRect();\n const menuRect = menuRef.current.getBoundingClientRect();\n const viewport = {\n width: window.innerWidth,\n height: window.innerHeight\n };\n\n let newPosition: DropdownPosition = {};\n\n // Calculate base position based on placement\n switch (placement) {\n case 'top':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'top-start':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n left: triggerRect.left\n };\n break;\n case 'top-end':\n newPosition = {\n bottom: viewport.height - triggerRect.top + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'bottom':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left + (triggerRect.width - menuRect.width) / 2\n };\n break;\n case 'bottom-start':\n newPosition = {\n top: triggerRect.bottom + offset,\n left: triggerRect.left\n };\n break;\n case 'bottom-end':\n newPosition = {\n top: triggerRect.bottom + offset,\n right: viewport.width - triggerRect.right\n };\n break;\n case 'left':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-start':\n newPosition = {\n top: triggerRect.top,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'left-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n right: viewport.width - triggerRect.left + offset\n };\n break;\n case 'right':\n newPosition = {\n top: triggerRect.top + (triggerRect.height - menuRect.height) / 2,\n left: triggerRect.right + offset\n };\n break;\n case 'right-start':\n newPosition = {\n top: triggerRect.top,\n left: triggerRect.right + offset\n };\n break;\n case 'right-end':\n newPosition = {\n bottom: viewport.height - triggerRect.bottom,\n left: triggerRect.right + offset\n };\n break;\n }\n\n // Adjust for viewport boundaries\n if (newPosition.left !== undefined) {\n if (newPosition.left < 0) {\n newPosition.left = 8;\n } else if (newPosition.left + menuRect.width > viewport.width) {\n newPosition.left = viewport.width - menuRect.width - 8;\n }\n }\n\n if (newPosition.right !== undefined) {\n if (newPosition.right < 0) {\n newPosition.right = 8;\n }\n }\n\n if (newPosition.top !== undefined) {\n if (newPosition.top < 0) {\n newPosition.top = 8;\n } else if (newPosition.top + menuRect.height > viewport.height) {\n newPosition.top = viewport.height - menuRect.height - 8;\n }\n }\n\n if (newPosition.bottom !== undefined) {\n if (newPosition.bottom < 0) {\n newPosition.bottom = 8;\n }\n }\n\n setPosition(newPosition);\n }, [placement, offset]);\n\n const toggle = useCallback(() => {\n setIsOpen(prev => !prev);\n }, []);\n\n const open = useCallback(() => {\n setIsOpen(true);\n }, []);\n\n const close = useCallback(() => {\n setIsOpen(false);\n }, []);\n\n const handleItemClick = useCallback(() => {\n if (closeOnSelect) {\n close();\n }\n }, [closeOnSelect, close]);\n\n // Recalculate position when opened\n useEffect(() => {\n if (isOpen) {\n // Small delay to ensure DOM is updated\n const timer = setTimeout(calculatePosition, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, calculatePosition]);\n\n // Recalculate position on window resize and scroll\n useEffect(() => {\n if (!isOpen) return;\n\n const handleResize = () => calculatePosition();\n const handleScroll = () => calculatePosition();\n \n window.addEventListener('resize', handleResize);\n window.addEventListener('scroll', handleScroll, { passive: true });\n document.addEventListener('scroll', handleScroll, { passive: true });\n \n return () => {\n window.removeEventListener('resize', handleResize);\n window.removeEventListener('scroll', handleScroll);\n document.removeEventListener('scroll', handleScroll);\n };\n }, [isOpen, calculatePosition]);\n\n return {\n isOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n open,\n close,\n handleItemClick\n };\n};\n","import { useEffect, RefObject } from 'react';\n\ninterface UseClickOutsideProps {\n ref: RefObject<HTMLDivElement>;\n handler: () => void;\n enabled?: boolean;\n excludeRefs?: RefObject<HTMLElement>[];\n}\n\nexport const useClickOutside = ({ ref, handler, enabled = true, excludeRefs = [] }: UseClickOutsideProps) => {\n useEffect(() => {\n if (!enabled) return;\n\n const handleMouseDown = (event: MouseEvent) => {\n const target = event.target as Node;\n \n if (ref.current && !ref.current.contains(target)) {\n const isInExcludedRef = excludeRefs.some(\n excludeRef => excludeRef.current && excludeRef.current.contains(target)\n );\n \n if (!isInExcludedRef) {\n handler();\n }\n }\n };\n\n const handleTouchStart = (event: TouchEvent) => {\n const target = event.target as Node;\n \n if (ref.current && !ref.current.contains(target)) {\n const isInExcludedRef = excludeRefs.some(\n excludeRef => excludeRef.current && excludeRef.current.contains(target)\n );\n \n if (!isInExcludedRef) {\n handler();\n }\n }\n };\n\n // Add event listeners\n document.addEventListener('mousedown', handleMouseDown);\n document.addEventListener('touchstart', handleTouchStart);\n\n return () => {\n document.removeEventListener('mousedown', handleMouseDown);\n document.removeEventListener('touchstart', handleTouchStart);\n };\n }, [ref, handler, enabled, excludeRefs]);\n};\n","import { useEffect, useCallback, RefObject } from 'react';\n\ninterface UseKeyboardNavigationProps {\n isOpen: boolean;\n menuRef: RefObject<HTMLElement>;\n onClose: () => void;\n onSelect?: (index: number) => void;\n}\n\nexport const useKeyboardNavigation = ({\n isOpen,\n menuRef,\n onClose,\n onSelect\n}: UseKeyboardNavigationProps) => {\n const getMenuItems = useCallback(() => {\n if (!menuRef.current) return [];\n return Array.from(\n menuRef.current.querySelectorAll('[role=\"menuitem\"]:not([disabled])')\n ) as HTMLElement[];\n }, [menuRef]);\n\n const focusItem = useCallback((index: number) => {\n const items = getMenuItems();\n if (items[index]) {\n items[index].focus();\n }\n }, [getMenuItems]);\n\n const getCurrentIndex = useCallback(() => {\n const items = getMenuItems();\n const activeElement = document.activeElement as HTMLElement;\n return items.indexOf(activeElement);\n }, [getMenuItems]);\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (!isOpen) return;\n\n const items = getMenuItems();\n const currentIndex = getCurrentIndex();\n\n switch (event.key) {\n case 'Escape':\n event.preventDefault();\n onClose();\n break;\n\n case 'ArrowDown':\n event.preventDefault();\n if (items.length > 0) {\n const nextIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n focusItem(nextIndex);\n }\n break;\n\n case 'ArrowUp':\n event.preventDefault();\n if (items.length > 0) {\n const prevIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n focusItem(prevIndex);\n }\n break;\n\n case 'Home':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(0);\n }\n break;\n\n case 'End':\n event.preventDefault();\n if (items.length > 0) {\n focusItem(items.length - 1);\n }\n break;\n\n case 'Enter':\n case ' ':\n event.preventDefault();\n if (currentIndex >= 0 && onSelect) {\n onSelect(currentIndex);\n }\n break;\n\n case 'Tab':\n onClose();\n break;\n }\n }, [isOpen, getMenuItems, getCurrentIndex, focusItem, onClose, onSelect]);\n\n useEffect(() => {\n if (!isOpen) return;\n\n document.addEventListener('keydown', handleKeyDown);\n return () => document.removeEventListener('keydown', handleKeyDown);\n }, [isOpen, handleKeyDown]);\n\n // Focus first item when menu opens\n useEffect(() => {\n if (isOpen) {\n const timer = setTimeout(() => {\n focusItem(0);\n }, 0);\n return () => clearTimeout(timer);\n }\n }, [isOpen, focusItem]);\n};\n","import React, { forwardRef } from 'react';\nimport { DropdownMenuProps } from '../types';\n\nexport const DropdownMenu = forwardRef<HTMLDivElement, DropdownMenuProps>(({\n children,\n isOpen,\n position,\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n if (!isOpen) return null;\n\n const positionStyles: React.CSSProperties = {\n position: 'fixed',\n zIndex: 1000,\n ...position\n };\n\n return (\n <div\n ref={ref}\n className={`asm-dropdown-menu asm-dropdown-menu--${size} ${className}`}\n style={positionStyles}\n role=\"menu\"\n aria-orientation=\"vertical\"\n data-testid={testId}\n >\n {children}\n </div>\n );\n});\n\nDropdownMenu.displayName = 'DropdownMenu';\n","import React from 'react';\nimport { DropdownItemProps } from '../types';\n\nexport const DropdownItem: React.FC<DropdownItemProps> = ({\n children,\n label = '',\n icon,\n disabled = false,\n danger = false,\n divider = false,\n onClick,\n className = '',\n 'data-testid': testId\n}) => {\n if (divider) {\n return <div className=\"asm-dropdown-divider\" data-testid={testId} />;\n }\n\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n if (disabled) return;\n onClick?.(event);\n };\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n if (!disabled && onClick) {\n onClick(event as any);\n }\n }\n };\n\n return (\n <button\n type=\"button\"\n className={`asm-dropdown-item ${danger ? 'asm-dropdown-item--danger' : ''} ${disabled ? 'asm-dropdown-item--disabled' : ''} ${className}`}\n onClick={handleClick}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n role=\"menuitem\"\n tabIndex={-1}\n data-testid={testId}\n >\n {icon && (\n <span className=\"asm-dropdown-item__icon\">\n {icon}\n </span>\n )}\n <span className=\"asm-dropdown-item__label\">\n {label || children}\n </span>\n </button>\n );\n};\n","import React from 'react';\nimport { DropdownTriggerProps } from '../types';\nimport styles from './DropdownTrigger.module.css';\n\nexport const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProps>(({\n children,\n onClick,\n onKeyDown,\n disabled = false,\n variant = 'primary',\n size = 'md',\n className = '',\n 'data-testid': testId\n}, ref) => {\n const variantClass = styles[variant] || styles.primary;\n const sizeClass = styles[size] || styles.md;\n const triggerClass = `${styles.trigger} ${variantClass} ${sizeClass} ${className}`.trim();\n\n // Check if children is already a button element\n const isButtonChild = React.isValidElement(children) && \n typeof children.type === 'string' && \n children.type === 'button';\n\n if (isButtonChild) {\n // Clone the button and add our props\n return React.cloneElement(children as React.ReactElement<any>, {\n className: `${(children as any).props.className || ''} ${triggerClass}`.trim(),\n onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n onClick?.(e);\n (children as any).props.onClick?.(e);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => {\n onKeyDown?.(e);\n (children as any).props.onKeyDown?.(e);\n },\n disabled: disabled || (children as any).props.disabled,\n 'aria-haspopup': 'menu',\n 'aria-expanded': false,\n 'data-testid': testId || (children as any).props['data-testid'],\n ref: ref\n });\n }\n\n // For non-button children, wrap in a button\n return (\n <button\n ref={ref as React.RefObject<HTMLButtonElement>}\n type=\"button\"\n className={triggerClass}\n onClick={onClick}\n onKeyDown={onKeyDown}\n disabled={disabled}\n aria-haspopup=\"menu\"\n aria-expanded={false}\n data-testid={testId}\n >\n {children}\n </button>\n );\n});\n","import React, { useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { DropdownProps } from '../types';\nimport { useDropdown } from '../hooks/useDropdown';\nimport { useClickOutside } from '../hooks/useClickOutside';\nimport { useKeyboardNavigation } from '../hooks/useKeyboardNavigation';\nimport { DropdownMenu } from './DropdownMenu';\nimport { DropdownItem } from './DropdownItem';\nimport { DropdownTrigger } from './DropdownTrigger';\n\nexport const Dropdown: React.FC<DropdownProps> = ({\n children,\n items = [],\n isOpen: controlledIsOpen,\n onToggle,\n placement = 'bottom-start',\n size = 'md',\n variant = 'primary',\n disabled = false,\n closeOnSelect = true,\n showChevron = true,\n className = '',\n 'data-testid': testId\n}) => {\n const containerRef = useRef<HTMLDivElement>(null);\n \n const {\n isOpen: internalIsOpen,\n position,\n triggerRef,\n menuRef,\n toggle,\n close,\n handleItemClick\n } = useDropdown({\n placement,\n closeOnSelect\n });\n\n // Use controlled or internal state\n const isOpen = controlledIsOpen !== undefined ? controlledIsOpen : internalIsOpen;\n \n const handleToggle = () => {\n if (disabled) return;\n \n if (onToggle) {\n onToggle(!isOpen);\n } else {\n toggle();\n }\n };\n\n const handleClose = () => {\n if (onToggle) {\n onToggle(false);\n } else {\n close();\n }\n };\n\n const handleItemSelect = (index: number) => {\n const item = items[index];\n if (item && !item.disabled && item.onClick) {\n item.onClick({} as React.MouseEvent<HTMLButtonElement>);\n }\n handleItemClick();\n };\n\n // Click outside to close\n useClickOutside({\n ref: containerRef,\n handler: handleClose,\n enabled: isOpen,\n excludeRefs: [menuRef]\n });\n\n // Keyboard navigation\n useKeyboardNavigation({\n isOpen,\n menuRef,\n onClose: handleClose,\n onSelect: handleItemSelect\n });\n\n const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n handleToggle();\n } else if (event.key === 'ArrowDown') {\n event.preventDefault();\n if (!isOpen) {\n handleToggle();\n }\n }\n };\n\n // Check if children is a button element to avoid nested buttons\n const isButtonChild = React.isValidElement(children) && \n typeof children.type === 'string' && \n children.type === 'button';\n\n const triggerChildren = isButtonChild\n ? showChevron\n ? React.cloneElement(children as React.ReactElement<any>, {\n children: (\n <>\n {(children as any).props.children}\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n </>\n )\n })\n : children\n : (\n <>\n {children}\n {showChevron && (\n <svg \n width=\"12\" \n height=\"12\" \n viewBox=\"0 0 12 12\" \n fill=\"currentColor\"\n style={{ marginLeft: 'var(--asm-space-1)' }}\n >\n <path d=\"M3 4.5L6 7.5L9 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" fill=\"none\"/>\n </svg>\n )}\n </>\n );\n\n return (\n <div \n ref={containerRef}\n className={`asm-dropdown ${className}`}\n data-testid={testId}\n >\n <DropdownTrigger\n ref={triggerRef}\n onClick={handleToggle}\n onKeyDown={handleKeyDown}\n disabled={disabled}\n variant={variant}\n size={size}\n >\n {triggerChildren}\n </DropdownTrigger>\n\n {isOpen && createPortal(\n <DropdownMenu\n ref={menuRef}\n isOpen={isOpen}\n position={position}\n size={size}\n data-testid={testId ? `${testId}-menu` : undefined}\n >\n {items.map((item, index) => (\n <React.Fragment key={item.id || index}>\n {item.divider ? (\n <div className=\"asm-dropdown-divider\" />\n ) : (\n <DropdownItem\n label={item.label}\n icon={item.icon}\n disabled={item.disabled}\n danger={item.danger}\n onClick={(event) => {\n if (item.onClick) {\n item.onClick(event);\n }\n handleItemClick();\n }}\n data-testid={item.id ? `${testId}-item-${item.id}` : undefined}\n />\n )}\n </React.Fragment>\n ))}\n </DropdownMenu>,\n document.body\n )}\n </div>\n );\n};\n"],"names":["useState","useRef","useCallback","useEffect","forwardRef","_jsx","_jsxs","_Fragment","createPortal"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@asafarim/react-dropdowns",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.2",
|
|
4
4
|
"description": "Comprehensive reusable dropdown components for React with TypeScript and mobile-first design",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|
|
@@ -10,6 +10,18 @@
|
|
|
10
10
|
"src",
|
|
11
11
|
"README.md"
|
|
12
12
|
],
|
|
13
|
+
"exports": {
|
|
14
|
+
".": {
|
|
15
|
+
"import": "./dist/index.esm.js",
|
|
16
|
+
"require": "./dist/index.js"
|
|
17
|
+
},
|
|
18
|
+
"./styles": {
|
|
19
|
+
"import": "./dist/index.css"
|
|
20
|
+
},
|
|
21
|
+
"./css": {
|
|
22
|
+
"import": "./dist/index.css"
|
|
23
|
+
}
|
|
24
|
+
},
|
|
13
25
|
"keywords": [
|
|
14
26
|
"react",
|
|
15
27
|
"dropdown",
|
|
@@ -70,7 +70,8 @@ export const Dropdown: React.FC<DropdownProps> = ({
|
|
|
70
70
|
useClickOutside({
|
|
71
71
|
ref: containerRef,
|
|
72
72
|
handler: handleClose,
|
|
73
|
-
enabled: isOpen
|
|
73
|
+
enabled: isOpen,
|
|
74
|
+
excludeRefs: [menuRef]
|
|
74
75
|
});
|
|
75
76
|
|
|
76
77
|
// Keyboard navigation
|
|
@@ -93,6 +94,47 @@ export const Dropdown: React.FC<DropdownProps> = ({
|
|
|
93
94
|
}
|
|
94
95
|
};
|
|
95
96
|
|
|
97
|
+
// Check if children is a button element to avoid nested buttons
|
|
98
|
+
const isButtonChild = React.isValidElement(children) &&
|
|
99
|
+
typeof children.type === 'string' &&
|
|
100
|
+
children.type === 'button';
|
|
101
|
+
|
|
102
|
+
const triggerChildren = isButtonChild
|
|
103
|
+
? showChevron
|
|
104
|
+
? React.cloneElement(children as React.ReactElement<any>, {
|
|
105
|
+
children: (
|
|
106
|
+
<>
|
|
107
|
+
{(children as any).props.children}
|
|
108
|
+
<svg
|
|
109
|
+
width="12"
|
|
110
|
+
height="12"
|
|
111
|
+
viewBox="0 0 12 12"
|
|
112
|
+
fill="currentColor"
|
|
113
|
+
style={{ marginLeft: 'var(--asm-space-1)' }}
|
|
114
|
+
>
|
|
115
|
+
<path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
|
|
116
|
+
</svg>
|
|
117
|
+
</>
|
|
118
|
+
)
|
|
119
|
+
})
|
|
120
|
+
: children
|
|
121
|
+
: (
|
|
122
|
+
<>
|
|
123
|
+
{children}
|
|
124
|
+
{showChevron && (
|
|
125
|
+
<svg
|
|
126
|
+
width="12"
|
|
127
|
+
height="12"
|
|
128
|
+
viewBox="0 0 12 12"
|
|
129
|
+
fill="currentColor"
|
|
130
|
+
style={{ marginLeft: 'var(--asm-space-1)' }}
|
|
131
|
+
>
|
|
132
|
+
<path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
|
|
133
|
+
</svg>
|
|
134
|
+
)}
|
|
135
|
+
</>
|
|
136
|
+
);
|
|
137
|
+
|
|
96
138
|
return (
|
|
97
139
|
<div
|
|
98
140
|
ref={containerRef}
|
|
@@ -107,18 +149,7 @@ export const Dropdown: React.FC<DropdownProps> = ({
|
|
|
107
149
|
variant={variant}
|
|
108
150
|
size={size}
|
|
109
151
|
>
|
|
110
|
-
{
|
|
111
|
-
{showChevron && (
|
|
112
|
-
<svg
|
|
113
|
-
width="12"
|
|
114
|
-
height="12"
|
|
115
|
-
viewBox="0 0 12 12"
|
|
116
|
-
fill="currentColor"
|
|
117
|
-
style={{ marginLeft: 'var(--asm-space-1)' }}
|
|
118
|
-
>
|
|
119
|
-
<path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" fill="none"/>
|
|
120
|
-
</svg>
|
|
121
|
-
)}
|
|
152
|
+
{triggerChildren}
|
|
122
153
|
</DropdownTrigger>
|
|
123
154
|
|
|
124
155
|
{isOpen && createPortal(
|
|
@@ -18,8 +18,8 @@ export const DropdownTrigger = React.forwardRef<HTMLElement, DropdownTriggerProp
|
|
|
18
18
|
|
|
19
19
|
// Check if children is already a button element
|
|
20
20
|
const isButtonChild = React.isValidElement(children) &&
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
typeof children.type === 'string' &&
|
|
22
|
+
children.type === 'button';
|
|
23
23
|
|
|
24
24
|
if (isButtonChild) {
|
|
25
25
|
// Clone the button and add our props
|
package/src/css.ts
ADDED
|
@@ -4,21 +4,38 @@ interface UseClickOutsideProps {
|
|
|
4
4
|
ref: RefObject<HTMLDivElement>;
|
|
5
5
|
handler: () => void;
|
|
6
6
|
enabled?: boolean;
|
|
7
|
+
excludeRefs?: RefObject<HTMLElement>[];
|
|
7
8
|
}
|
|
8
9
|
|
|
9
|
-
export const useClickOutside = ({ ref, handler, enabled = true }: UseClickOutsideProps) => {
|
|
10
|
+
export const useClickOutside = ({ ref, handler, enabled = true, excludeRefs = [] }: UseClickOutsideProps) => {
|
|
10
11
|
useEffect(() => {
|
|
11
12
|
if (!enabled) return;
|
|
12
13
|
|
|
13
14
|
const handleMouseDown = (event: MouseEvent) => {
|
|
14
|
-
|
|
15
|
-
|
|
15
|
+
const target = event.target as Node;
|
|
16
|
+
|
|
17
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
18
|
+
const isInExcludedRef = excludeRefs.some(
|
|
19
|
+
excludeRef => excludeRef.current && excludeRef.current.contains(target)
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
if (!isInExcludedRef) {
|
|
23
|
+
handler();
|
|
24
|
+
}
|
|
16
25
|
}
|
|
17
26
|
};
|
|
18
27
|
|
|
19
28
|
const handleTouchStart = (event: TouchEvent) => {
|
|
20
|
-
|
|
21
|
-
|
|
29
|
+
const target = event.target as Node;
|
|
30
|
+
|
|
31
|
+
if (ref.current && !ref.current.contains(target)) {
|
|
32
|
+
const isInExcludedRef = excludeRefs.some(
|
|
33
|
+
excludeRef => excludeRef.current && excludeRef.current.contains(target)
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
if (!isInExcludedRef) {
|
|
37
|
+
handler();
|
|
38
|
+
}
|
|
22
39
|
}
|
|
23
40
|
};
|
|
24
41
|
|
|
@@ -30,5 +47,5 @@ export const useClickOutside = ({ ref, handler, enabled = true }: UseClickOutsid
|
|
|
30
47
|
document.removeEventListener('mousedown', handleMouseDown);
|
|
31
48
|
document.removeEventListener('touchstart', handleTouchStart);
|
|
32
49
|
};
|
|
33
|
-
}, [ref, handler, enabled]);
|
|
50
|
+
}, [ref, handler, enabled, excludeRefs]);
|
|
34
51
|
};
|