Skip to content

Commit

Permalink
ref: refactor getSelector not to be exported (#37438)
Browse files Browse the repository at this point in the history
  • Loading branch information
GeoSot committed Nov 7, 2022
1 parent ef4e2da commit fcdfee9
Showing 1 changed file with 27 additions and 32 deletions.
59 changes: 27 additions & 32 deletions js/src/dom/selector-engine.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,30 @@

import { isDisabled, isVisible, parseSelector } from '../util/index.js'

/**
* Constants
*/
const getSelector = element => {
let selector = element.getAttribute('data-bs-target')

if (!selector || selector === '#') {
let hrefAttribute = element.getAttribute('href')

// The only valid content that could double as a selector are IDs or classes,
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
// `document.querySelector` will rightfully complain it is invalid.
// See https://github.com/twbs/bootstrap/issues/32273
if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) {
return null
}

// Just in case some CMS puts out a full URL with the anchor appended
if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
hrefAttribute = `#${hrefAttribute.split('#')[1]}`
}

selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null
}

return parseSelector(selector)
}

const SelectorEngine = {
find(selector, element = document.documentElement) {
Expand Down Expand Up @@ -79,34 +100,8 @@ const SelectorEngine = {
return this.find(focusables, element).filter(el => !isDisabled(el) && isVisible(el))
},

getSelector(element) {
let selector = element.getAttribute('data-bs-target')

if (!selector || selector === '#') {
let hrefAttribute = element.getAttribute('href')

// The only valid content that could double as a selector are IDs or classes,
// so everything starting with `#` or `.`. If a "real" URL is used as the selector,
// `document.querySelector` will rightfully complain it is invalid.
// See https://github.com/twbs/bootstrap/issues/32273
if (!hrefAttribute || (!hrefAttribute.includes('#') && !hrefAttribute.startsWith('.'))) {
return null
}

// Just in case some CMS puts out a full URL with the anchor appended
if (hrefAttribute.includes('#') && !hrefAttribute.startsWith('#')) {
hrefAttribute = `#${hrefAttribute.split('#')[1]}`
}

selector = hrefAttribute && hrefAttribute !== '#' ? hrefAttribute.trim() : null
selector = parseSelector(selector)
}

return selector
},

getSelectorFromElement(element) {
const selector = SelectorEngine.getSelector(element)
const selector = getSelector(element)

if (selector) {
return SelectorEngine.findOne(selector) ? selector : null
Expand All @@ -116,13 +111,13 @@ const SelectorEngine = {
},

getElementFromSelector(element) {
const selector = SelectorEngine.getSelector(element)
const selector = getSelector(element)

return selector ? SelectorEngine.findOne(selector) : null
},

getMultipleElementsFromSelector(element) {
const selector = SelectorEngine.getSelector(element)
const selector = getSelector(element)

return selector ? SelectorEngine.find(selector) : []
}
Expand Down

0 comments on commit fcdfee9

Please sign in to comment.