Merge pull request #30 from egeemirozkanjf/feat/role-based-ignore

feat(dnd-builder): enforce role-based ignores in click outside
jotform · Nov 27, 2023 · 1b526d3 · 1b526d3
2 parents 2cc815a + d8ddcde
commit 1b526d3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/withClickOutside.js b/src/components/withClickOutside.js
@@ -1,6 +1,10 @@
 import { useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 
+const IGNORED_ROLES = [
+  'dialog',
+];
+
 function getDisplayName(WrappedComponent) {
   return WrappedComponent.displayName || WrappedComponent.name || 'Component';
 }
@@ -23,6 +27,7 @@ function withClickOutside(WrappedComponent) {
           classList.contains(exceptionalClasses)
           || Array.from(classList).some(xClass => exceptionalClasses.includes(xClass))
           || exceptionalClasses.some(item => event.target.closest(`.${item}`))
+          || IGNORED_ROLES.some(role => event.target.closest(`[role=${role}]`))
         )
       ) {
         return;