@rokkit/actions 1.0.0-next.125 → 1.0.0-next.128

package/src/utils.js

@@ -26,8 +26,8 @@ export function getClosestAncestorWithAttribute(element, attribute) {
  * @returns {string|null} - The event name or null if no match is found.
  */
 export const getEventForKey = (keyMapping, key) => {
-	// eslint-disable-next-line no-unused-vars
-	const matchEvent = ([eventName, keys]) =>
+	 
+	const matchEvent = ([_eventName, keys]) =>
 		(Array.isArray(keys) && keys.includes(key)) || (keys instanceof RegExp && keys.test(key))
 
 	const event = find(matchEvent, toPairs(keyMapping))
@@ -92,7 +92,7 @@ export function getPathFromEvent(event) {
 /**
  * Identifies if an element is a collapsible icon
  * @param {HTMLElement} target
- * @returns
+ * @returns {boolean}
  */
 function isNodeToggle(target) {
 	return (
@@ -101,6 +101,29 @@ function isNodeToggle(target) {
 		['closed', 'opened'].includes(target.getAttribute('data-state'))
 	)
 }
+
+/**
+ * Finds the closest ancestor (or self) that has the given attribute
+ * @param {HTMLElement} element
+ * @param {string} attribute
+ * @returns {HTMLElement|null}
+ */
+function findClosestWithAttribute(element, attribute) {
+	if (!element) return null
+	if (element.hasAttribute && element.hasAttribute(attribute)) return element
+	return findClosestWithAttribute(element.parentElement, attribute)
+}
+
+/**
+ * Identifies if an element or its ancestors is an accordion/tree trigger
+ * @param {HTMLElement} target
+ * @returns {boolean}
+ */
+function isAccordionTrigger(target) {
+	if (!target) return false
+	const trigger = findClosestWithAttribute(target, 'data-accordion-trigger')
+	return trigger !== null
+}
 // getKeyboardAction moved to kbd.js
 
 /**
@@ -110,9 +133,14 @@ function isNodeToggle(target) {
  * @returns {string} The determined action
  */
 export const getClickAction = (event) => {
-	const { ctrlKey, metaKey, target } = event
+	const { ctrlKey, metaKey, shiftKey, target } = event
 
-	// Check for modifier keys first (highest priority)
+	// Check for shift key first (range selection)
+	if (shiftKey && !ctrlKey && !metaKey) {
+		return 'range'
+	}
+
+	// Check for modifier keys (toggle selection)
 	if (ctrlKey || metaKey) {
 		return 'extend'
 	}
@@ -122,6 +150,11 @@ export const getClickAction = (event) => {
 		return 'toggle'
 	}
 
+	// Check if clicked on accordion trigger (header area)
+	if (isAccordionTrigger(target)) {
+		return 'toggle'
+	}
+
 	// Default action
 	return 'select'
 }