css-query-selector
Advanced tools
Comparing version
@@ -6,33 +6,18 @@ 'use strict'; | ||
}); | ||
var doc = function doc() { | ||
return document; | ||
}; | ||
exports.queryFrom = exports.queryOne = exports.queryEl = exports.queryAncestor = exports.queryAll = undefined; | ||
var queryOne = function queryOne(sel) { | ||
return doc().querySelector(sel); | ||
}; | ||
var _queryFrom2 = require('./queryFrom'); | ||
var queryAll = function queryAll(sel) { | ||
return Array.from(doc().querySelectorAll(sel)); | ||
}; | ||
var _queryFrom3 = _interopRequireDefault(_queryFrom2); | ||
var queryEl = function queryEl(el) { | ||
return 'string' === typeof el ? queryOne(el) : el; | ||
}; | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
var queryAncestor = function queryAncestor(el, ancestor) { | ||
el = queryEl(el); | ||
var hit = false; | ||
var _queryFrom = (0, _queryFrom3.default)(function () { | ||
return document; | ||
}), | ||
queryAll = _queryFrom.queryAll, | ||
queryAncestor = _queryFrom.queryAncestor, | ||
queryEl = _queryFrom.queryEl, | ||
queryOne = _queryFrom.queryOne; | ||
queryAll(ancestor).some(function (p) { | ||
if (p.contains(el)) { | ||
hit = p; | ||
return true; | ||
} else { | ||
return false; | ||
} | ||
}); | ||
return hit; | ||
}; | ||
exports.default = { | ||
@@ -47,2 +32,3 @@ all: queryAll, | ||
exports.queryEl = queryEl; | ||
exports.queryOne = queryOne; | ||
exports.queryOne = queryOne; | ||
exports.queryFrom = _queryFrom3.default; |
@@ -1,34 +0,11 @@ | ||
'use strict'; | ||
import queryFrom from './queryFrom'; | ||
var doc = function doc() { | ||
var _queryFrom = queryFrom(function () { | ||
return document; | ||
}; | ||
}), | ||
queryAll = _queryFrom.queryAll, | ||
queryAncestor = _queryFrom.queryAncestor, | ||
queryEl = _queryFrom.queryEl, | ||
queryOne = _queryFrom.queryOne; | ||
var queryOne = function queryOne(sel) { | ||
return doc().querySelector(sel); | ||
}; | ||
var queryAll = function queryAll(sel) { | ||
return Array.from(doc().querySelectorAll(sel)); | ||
}; | ||
var queryEl = function queryEl(el) { | ||
return 'string' === typeof el ? queryOne(el) : el; | ||
}; | ||
var queryAncestor = function queryAncestor(el, ancestor) { | ||
el = queryEl(el); | ||
var hit = false; | ||
queryAll(ancestor).some(function (p) { | ||
if (p.contains(el)) { | ||
hit = p; | ||
return true; | ||
} else { | ||
return false; | ||
} | ||
}); | ||
return hit; | ||
}; | ||
export default { | ||
@@ -41,2 +18,2 @@ all: queryAll, | ||
export { queryAll, queryAncestor, queryEl, queryOne }; | ||
export { queryAll, queryAncestor, queryEl, queryOne, queryFrom }; |
{ | ||
"name": "css-query-selector", | ||
"version": "0.0.1", | ||
"version": "0.0.4", | ||
"description": "CSS simple query alias function", | ||
@@ -5,0 +5,0 @@ "repository": "react-atomic/react-atomic-organism", |
@@ -6,3 +6,3 @@ CSS Query Selector | ||
* NPM | ||
* https://npm.im/css-query-selector | ||
* https://www.npmjs.com/package/css-query-selector | ||
@@ -9,0 +9,0 @@ ## How to use |
4572
60.65%6
50%112
60%