include-media-query-builder
Advanced tools
Comparing version 1.0.1 to 1.0.2
@@ -1,2 +0,2 @@ | ||
declare const buildMediaQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, queries: string[]) => string; | ||
declare const buildMediaQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, query: string | string[]) => string; | ||
export default buildMediaQuery; |
@@ -8,8 +8,9 @@ "use strict"; | ||
const parseQuery_1 = __importDefault(require("./parseQuery")); | ||
const buildMediaQuery = (sizes, queries) => { | ||
const buildMediaQuery = (breakpoints, query) => { | ||
const queries = typeof query === 'string' ? [query] : query; | ||
return queries | ||
.map((query) => (0, parseQuery_1.default)(sizes, query)) | ||
.map((query) => (0, buildParsedQuery_1.default)(sizes, query)) | ||
.map((query) => (0, parseQuery_1.default)(breakpoints, query)) | ||
.map((query) => (0, buildParsedQuery_1.default)(breakpoints, query)) | ||
.join(' and '); | ||
}; | ||
exports.default = buildMediaQuery; |
import { ParsedQuery } from './types'; | ||
declare const buildParsedQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, { operator, size }: ParsedQuery<Size>) => string; | ||
declare const buildParsedQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, { operator, size }: ParsedQuery<Size>) => string; | ||
export default buildParsedQuery; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
const buildParsedQuery = (sizes, { operator, size }) => { | ||
const value = sizes[size]; | ||
const buildParsedQuery = (breakpoints, { operator, size }) => { | ||
const value = breakpoints[size]; | ||
if (operator === '<') { | ||
@@ -6,0 +6,0 @@ return `(max-width: ${value - 1}px)`; |
@@ -1,2 +0,2 @@ | ||
declare const isSize: <Size extends string | number | symbol>(sizes: Record<Size, number>, value: unknown) => value is Size; | ||
declare const isSize: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, value: unknown) => value is Size; | ||
export default isSize; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
const isSize = (sizes, value) => { | ||
return typeof value === 'string' && Object.keys(sizes).includes(value); | ||
const isSize = (breakpoints, value) => { | ||
return typeof value === 'string' && Object.keys(breakpoints).includes(value); | ||
}; | ||
exports.default = isSize; |
import { ParsedQuery } from './types'; | ||
declare const parseQuery: <Size extends string | number | symbol>(sizes: Record<Size, number>, query: string) => ParsedQuery<Size>; | ||
declare const parseQuery: <Size extends string | number | symbol>(breakpoints: Record<Size, number>, query: string) => ParsedQuery<Size>; | ||
export default parseQuery; |
@@ -8,3 +8,3 @@ "use strict"; | ||
const isSize_1 = __importDefault(require("./isSize")); | ||
const parseQuery = (sizes, query) => { | ||
const parseQuery = (breakpoints, query) => { | ||
const matches = query.match(/^([<>]=?)(\w+)$/); | ||
@@ -15,3 +15,3 @@ if (!matches) { | ||
const [, operator, size] = matches; | ||
if (!(0, isOperator_1.default)(operator) || !(0, isSize_1.default)(sizes, size)) { | ||
if (!(0, isOperator_1.default)(operator) || !(0, isSize_1.default)(breakpoints, size)) { | ||
throw new Error('Invalid query'); | ||
@@ -18,0 +18,0 @@ } |
{ | ||
"name": "include-media-query-builder", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "Build include-media-like media queries in JavaScript", | ||
@@ -5,0 +5,0 @@ "keywords": [ |
9644
131