@corva/ui 3.74.0-1 → 3.74.0-11

package/effects/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../src/effects/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { POPPER_ROOT_CLASS } from '../componentsV2/Popper/constants';\n\nconst useOutsideClick = (\n  ref: React.RefObject<HTMLElement>,\n  callback: (e: MouseEvent) => void,\n  excludedSelectorsAndElements: (string | HTMLElement | null | undefined)[] = [\n    '.MuiPopover-root',\n    '.MuiDialog-container',\n    '.ReactModalPortal',\n    `.${POPPER_ROOT_CLASS}`,\n  ]\n) => {\n  const excludedSelectors = excludedSelectorsAndElements.filter(\n    selector => typeof selector === 'string'\n  ) as string[];\n  const excludedElements = excludedSelectorsAndElements.filter(\n    el => !!el && typeof el !== 'string'\n  ) as HTMLElement[];\n\n  const handleClick = (e: MouseEvent) => {\n    const target = e.target as Element;\n\n    // NOTE: Check if it's not in excluded selectors\n    const isTargetExcluded =\n      excludedSelectors.some(excludedSelector => target.closest(excludedSelector)) ||\n      excludedElements.some(excludedElement => excludedElement.contains(target));\n\n    if (ref.current && !ref.current.contains(target) && !isTargetExcluded) callback(e);\n  };\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClick);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  });\n};\nexport default useOutsideClick;\n"],"names":["useOutsideClick","ref","callback","excludedSelectorsAndElements","arguments","length","undefined","POPPER_ROOT_CLASS","excludedSelectors","filter","selector","excludedElements","el","handleClick","e","target","isTargetExcluded","some","excludedSelector","closest","excludedElement","contains","current","useEffect","document","addEventListener","removeEventListener"],"mappings":"0GAIMA,IAAAA,EAAkB,SACtBC,EACAC,GAOG,IANHC,EAA4EC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,CAC1E,mBACA,uBACA,oBACIG,IAAAA,OAAAA,IAGAC,EAAoBL,EAA6BM,QACrD,SAAAC,GAAQ,MAAwB,iBAAbA,KAEfC,EAAmBR,EAA6BM,QACpD,SAAAG,GAAE,QAAMA,GAAoB,iBAAPA,KAGjBC,EAAc,SAACC,GACnB,IAAMC,EAASD,EAAEC,OAGXC,EACJR,EAAkBS,MAAK,SAAAC,GAAgB,OAAIH,EAAOI,QAAQD,EAAiB,KAC3EP,EAAiBM,MAAK,SAAAG,GAAe,OAAIA,EAAgBC,SAASN,OAEhEd,EAAIqB,SAAYrB,EAAIqB,QAAQD,SAASN,IAAYC,GAAkBd,EAASY,IAElFS,GAAU,WAER,OADAC,SAASC,iBAAiB,YAAaZ,GAChC,WACLW,SAASE,oBAAoB,YAAab,GAE9C,GACF"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../src/effects/useOutsideClick.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { POPPER_ROOT_CLASS } from '../componentsV2/Popper/constants';\nimport { MODAL_ROOT_CLASS } from '../componentsV2/Modal/constants';\n\nconst useOutsideClick = (\n  ref: React.RefObject<HTMLElement>,\n  callback: (e: MouseEvent) => void,\n  excludedSelectorsAndElements: (string | HTMLElement | null | undefined)[] = [\n    '.MuiPopover-root',\n    '.MuiDialog-container',\n    '.ReactModalPortal',\n    `.${POPPER_ROOT_CLASS}`,\n    `.${MODAL_ROOT_CLASS}`,\n  ]\n) => {\n  const excludedSelectors = excludedSelectorsAndElements.filter(\n    selector => typeof selector === 'string'\n  ) as string[];\n  const excludedElements = excludedSelectorsAndElements.filter(\n    el => !!el && typeof el !== 'string'\n  ) as HTMLElement[];\n\n  const handleClick = (e: MouseEvent) => {\n    const target = e.target as Element;\n\n    // NOTE: Check if it's not in excluded selectors\n    const isTargetExcluded =\n      excludedSelectors.some(excludedSelector => target.closest(excludedSelector)) ||\n      excludedElements.some(excludedElement => excludedElement.contains(target));\n\n    if (ref.current && !ref.current.contains(target) && !isTargetExcluded) callback(e);\n  };\n  useEffect(() => {\n    document.addEventListener('mousedown', handleClick);\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n    };\n  });\n};\nexport default useOutsideClick;\n"],"names":["useOutsideClick","ref","callback","excludedSelectorsAndElements","arguments","length","undefined","POPPER_ROOT_CLASS","MODAL_ROOT_CLASS","excludedSelectors","filter","selector","excludedElements","el","handleClick","e","target","isTargetExcluded","some","excludedSelector","closest","excludedElement","contains","current","useEffect","document","addEventListener","removeEventListener"],"mappings":"gLAKMA,IAAAA,EAAkB,SACtBC,EACAC,GAQG,IAPHC,EAAyEC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAC1E,mBACA,uBACA,oBACIG,IAAAA,OAAAA,GACAC,IAAAA,OAAAA,IAGAC,EAAoBN,EAA6BO,QACrD,SAAAC,GAAQ,MAAwB,iBAAbA,KAEfC,EAAmBT,EAA6BO,QACpD,SAAAG,GAAE,QAAMA,GAAoB,iBAAPA,KAGjBC,EAAc,SAACC,GACnB,IAAMC,EAASD,EAAEC,OAGXC,EACJR,EAAkBS,MAAK,SAAAC,GAAgB,OAAIH,EAAOI,QAAQD,EAAiB,KAC3EP,EAAiBM,MAAK,SAAAG,GAAe,OAAIA,EAAgBC,SAASN,OAEhEf,EAAIsB,SAAYtB,EAAIsB,QAAQD,SAASN,IAAYC,GAAkBf,EAASa,IAElFS,GAAU,WAER,OADAC,SAASC,iBAAiB,YAAaZ,GAChC,WACLW,SAASE,oBAAoB,YAAab,GAE9C,GACF"}