react-native-unistyles 1.0.0-beta.1

package/lib/commonjs/utils/breakpoints.spec.js

@@ -0,0 +1,149 @@
+"use strict";
+
+var _breakpoints = require("./breakpoints");
+describe('breakpoints', () => {
+  describe('sortAndValidateBreakpoints', () => {
+    it('should throw error for empty breakpoints', () => {
+      const breakpoints = {};
+      expect(() => (0, _breakpoints.sortAndValidateBreakpoints)(breakpoints)).toThrow();
+    });
+    it('should throw error for breakpoints that don\'t start with 0', () => {
+      const breakpoints = {
+        sm: -1
+      };
+      expect(() => (0, _breakpoints.sortAndValidateBreakpoints)(breakpoints)).toThrow();
+    });
+    it('should return same order for sorted elements', () => {
+      const breakpoints = {
+        sm: 0,
+        md: 200,
+        lg: 300,
+        xl: 500
+      };
+      expect((0, _breakpoints.sortAndValidateBreakpoints)(breakpoints)).toEqual(breakpoints);
+    });
+    it('should sort the order of breakpoints', () => {
+      const breakpoints = {
+        md: 200,
+        sm: 0,
+        lg: 300,
+        xl: 500
+      };
+      expect((0, _breakpoints.sortAndValidateBreakpoints)(breakpoints)).toEqual({
+        sm: 0,
+        md: 200,
+        lg: 300,
+        xl: 500
+      });
+    });
+    it('should throw errors for duplicated values', () => {
+      const breakpoints = {
+        md: 200,
+        sm: 0,
+        lg: 300,
+        xl: 300
+      };
+      expect(() => (0, _breakpoints.sortAndValidateBreakpoints)(breakpoints)).toThrow();
+    });
+  });
+  describe('getBreakpointFromScreenWidth', () => {
+    it('should return correct breakpoints based on screen width', () => {
+      const breakpoints = {
+        xs: 0,
+        sm: 300,
+        md: 500,
+        xl: 1200
+      };
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(0, breakpoints)).toEqual('xs');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(20, breakpoints)).toEqual('xs');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(100, breakpoints)).toEqual('xs');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(101, breakpoints)).toEqual('xs');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(250, breakpoints)).toEqual('xs');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(300, breakpoints)).toEqual('sm');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(499, breakpoints)).toEqual('sm');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(500, breakpoints)).toEqual('md');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(799, breakpoints)).toEqual('md');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(1200, breakpoints)).toEqual('xl');
+      expect((0, _breakpoints.getBreakpointFromScreenWidth)(2000, breakpoints)).toEqual('xl');
+    });
+  });
+  describe('getValueForBreakpoint', () => {
+    it('should prioritize custom media query', () => {
+      const breakpoint = 'sm';
+      const breakpoints = {
+        xs: 0,
+        sm: 200,
+        md: 500
+      };
+      const style = {
+        ':w[, 200]': 'green',
+        ':w[201]': 'orange',
+        sm: 'pink'
+      };
+      const screenSize = {
+        width: 200,
+        height: 800
+      };
+      expect((0, _breakpoints.getValueForBreakpoint)(style, breakpoint, screenSize, breakpoints)).toEqual('green');
+    });
+  });
+  it('should match breakpoint if media query doesnt exist', () => {
+    const breakpoint = 'md';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: 'red'
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect((0, _breakpoints.getValueForBreakpoint)(style, breakpoint, screenSize, breakpoints)).toEqual('red');
+  });
+  it('should match breakpoint even if value is undefined', () => {
+    const breakpoint = 'md';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: undefined
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect((0, _breakpoints.getValueForBreakpoint)(style, breakpoint, screenSize, breakpoints)).toEqual(undefined);
+  });
+  it('should match lower breakpoint to match css cascading', () => {
+    const breakpoint = 'xl';
+    const breakpoints = {
+      xs: 0,
+      sm: 200,
+      md: 500,
+      xl: 600
+    };
+    const style = {
+      ':w[, 200]': 'green',
+      ':w[201, 499]': 'orange',
+      sm: 'pink',
+      md: 'red'
+    };
+    const screenSize = {
+      width: 500,
+      height: 1200
+    };
+    expect((0, _breakpoints.getValueForBreakpoint)(style, breakpoint, screenSize, breakpoints)).toEqual('red');
+  });
+});
+//# sourceMappingURL=breakpoints.spec.js.map

package/lib/commonjs/utils/breakpoints.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_breakpoints","require","describe","it","breakpoints","expect","sortAndValidateBreakpoints","toThrow","sm","md","lg","xl","toEqual","xs","getBreakpointFromScreenWidth","breakpoint","style","screenSize","width","height","getValueForBreakpoint","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.spec.ts"],"mappings":"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"}

package/lib/commonjs/utils/common.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.throwError = void 0;
+const throwError = message => {
+  throw new Error(`🦄 [react-native-unistyles]: ${message}`);
+};
+exports.throwError = throwError;
+//# sourceMappingURL=common.js.map

package/lib/commonjs/utils/common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["throwError","message","Error","exports"],"sourceRoot":"../../../src","sources":["utils/common.ts"],"mappings":";;;;;;AAAO,MAAMA,UAAU,GAAIC,OAAe,IAAK;EAC3C,MAAM,IAAIC,KAAK,CAAE,gCAA+BD,OAAQ,EAAC,CAAC;AAC9D,CAAC;AAAAE,OAAA,CAAAH,UAAA,GAAAA,UAAA"}

package/lib/commonjs/utils/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getBreakpointFromScreenWidth", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.getBreakpointFromScreenWidth;
+  }
+});
+Object.defineProperty(exports, "parseStyle", {
+  enumerable: true,
+  get: function () {
+    return _styles.parseStyle;
+  }
+});
+Object.defineProperty(exports, "proxifyFunction", {
+  enumerable: true,
+  get: function () {
+    return _styles.proxifyFunction;
+  }
+});
+Object.defineProperty(exports, "sortAndValidateBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _breakpoints.sortAndValidateBreakpoints;
+  }
+});
+var _breakpoints = require("./breakpoints");
+var _styles = require("./styles");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_breakpoints","require","_styles"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA"}

package/lib/commonjs/utils/mediaQueries.js

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isWithinTheWidthAndHeight = exports.isWithinTheWidth = exports.isWithinTheHeight = exports.isWithinBreakpoint = exports.isMediaQuery = exports.getKeyForCustomMediaQuery = exports.extractValues = void 0;
+/**
+ * Extracts numeric values from a coded string.
+ *
+ * The function is designed to process strings that have a format like "w[100,200]" or "h[300]".
+ * It removes characters 'w', 'h', '[', and ']' from the input string and then extracts the numbers.
+ *
+ * @param {string} codedValue - The input string to extract values from.
+ * @returns {Array<number>} An array of extracted numbers. Can contain one or two numbers based on the input format.
+ *
+ * @example
+ * extractValues("w[100,200]") // returns [100, 200]
+ * extractValues("h[300]")     // returns [300]
+ * extractValues("h[,300]")    // returns [0,300]
+ * extractValues("h[100,]")    // returns [100]
+ */
+const extractValues = codedValue => {
+  const [lh, rh] = codedValue.replace(/[wh[\]]/g, '').split(',');
+  return rh ? [Number(lh), Number(rh)] : [Number(lh)];
+};
+
+/**
+ * Determines if the given screen size matches the specified breakpoint query.
+ *
+ * The function checks if the screen size (width and/or height) falls within the range
+ * specified by the breakpoint query. The query can specify width (using 'w'), height (using 'h'),
+ * or both.
+ *
+ * @param {string} query - The breakpoint query string. Examples: 'w[100,200]', 'h[300]', 'w[100,200]h[300,400]'.
+ * @param {ScreenSize} screenSize - The screen size to check against the breakpoint query.
+ * @returns {boolean} True if the screen size matches the breakpoint query, false otherwise.
+ *
+ * @example
+ * const screenSize = { width: 150, height: 350 }
+ * isWithinBreakpoint('w[100,200]', screenSize) // returns true
+ * isWithinBreakpoint('h[400]', screenSize)     // returns false
+ */
+exports.extractValues = extractValues;
+const isWithinBreakpoint = (query, screenSize) => {
+  if (query.includes('w') && query.includes('h')) {
+    return isWithinTheWidthAndHeight(query, screenSize);
+  }
+  if (query.charAt(0) === 'w') {
+    return isWithinTheWidth(query, screenSize.width);
+  }
+  if (query.charAt(0) === 'h') {
+    return isWithinTheHeight(query, screenSize.height);
+  }
+  return false;
+};
+
+/**
+ * Determines if the given width matches the specified width range in the query.
+ *
+ * The function checks if the provided width falls within the range specified by the query.
+ * The query specifies a width range using a format like 'w[100,200]'. If only one value is provided,
+ * it's treated as a minimum width.
+ *
+ * @param {string} query - The width query string. Examples: 'w[100,200]' or 'w[100]'.
+ * @param {number} width - The width to check against the query.
+ * @returns {boolean} True if the width matches the query range, false otherwise.
+ *
+ * @example
+ * isWithinTheWidth('w[100,200]', 150) // returns true
+ * isWithinTheWidth('w[100]', 50)      // returns false
+ * isWithinTheWidth('w[100]', 150)     // returns true
+ */
+exports.isWithinBreakpoint = isWithinBreakpoint;
+const isWithinTheWidth = (query, width) => {
+  const [minWidth, maxWidth] = extractValues(query);
+  if (maxWidth && width >= minWidth && width <= maxWidth) {
+    return true;
+  }
+  return !maxWidth && width >= minWidth;
+};
+
+/**
+ * Determines if the given height matches the specified height range in the query.
+ *
+ * The function checks if the provided height falls within the range specified by the query.
+ * The query specifies a height range using a format like 'h[100,200]'. If only one value is provided,
+ * it's treated as a minimum height.
+ *
+ * @param {string} query - The height query string. Examples: 'h[100,200]' or 'h[100]'.
+ * @param {number} height - The height to check against the query.
+ * @returns {boolean} True if the height matches the query range, false otherwise.
+ *
+ * @example
+ * isWithinTheHeight('h[100,200]', 150) // returns true
+ * isWithinTheHeight('h[100]', 50)      // returns false
+ * isWithinTheHeight('h[100]', 150)     // returns true
+ */
+exports.isWithinTheWidth = isWithinTheWidth;
+const isWithinTheHeight = (query, height) => {
+  const [minHeight, maxHeight] = extractValues(query);
+  if (maxHeight && height >= minHeight && height <= maxHeight) {
+    return true;
+  }
+  return !maxHeight && height >= minHeight;
+};
+
+/**
+ * Determines if the given screen size matches both the specified width and height ranges in the query.
+ *
+ * The function checks if the provided screen size (both width and height) falls within the ranges
+ * specified by the query. The query can specify both width and height using a format like 'w[100,200]:h[300,400]'.
+ *
+ * @param {string} query - The combined width and height query string. Example: 'w[100,200]:h[300,400]'.
+ * @param {ScreenSize} screenSize - The screen size to check against the query.
+ * @returns {boolean} True if the screen size matches both the width and height ranges in the query, false otherwise.
+ *
+ * @example
+ * const screenSize = { width: 150, height: 350 }
+ * isWithinTheWidthAndHeight('w[100,200]:h[300,400]', screenSize) // returns true
+ * isWithinTheWidthAndHeight('w[100,200]:h[400,500]', screenSize) // returns false
+ */
+exports.isWithinTheHeight = isWithinTheHeight;
+const isWithinTheWidthAndHeight = (query, screenSize) => {
+  const result = query.split(':').filter(Boolean).map(q => isWithinBreakpoint(q, screenSize)).filter(Boolean);
+  return result.length === 2;
+};
+
+/**
+ * Checks if the given query string is a valid custom media query.
+ *
+ * The valid custom media query formats include:
+ * - :w[200]
+ * - :w[0, 200]
+ * - :w[, 300]
+ * - :h[200]
+ * - :h[0, 500]
+ * - :h[,200]
+ * - :w[100, 300]:h[200,500]
+ * - :h[200,500]:w[100, 300]
+ *
+ * @param {string} query - The query string to be checked.
+ * @returns {boolean} Returns `true` if the query is a valid custom media query, otherwise `false`.
+ * @example
+ *
+ * isMediaQuery(':w[200]') // true
+ * isMediaQuery(':w100]')  // false
+ */
+exports.isWithinTheWidthAndHeight = isWithinTheWidthAndHeight;
+const isMediaQuery = query => {
+  const regex = /^(?:(:w\[\d*(?:,\s?\d+)?])?(:h\[\d*(?:,\s?\d+)?])?|(:h\[\d*(?:,\s?\d+)?])?(:w\[\d*(?:,\s?\d+)?])?)$/;
+  return query.length > 0 && regex.test(query);
+};
+
+/**
+ * Retrieves the first matching custom media query key based on the provided screen size.
+ *
+ * The function processes an array of media queries and returns the first query that matches
+ * the given screen size. The media queries can be in formats like:
+ * - w[200]
+ * - w[0, 200]
+ * - w[, 300]
+ * - h[200]
+ * - h[0, 500]
+ * - h[,200]
+ * - w[100, 300]:h[200,500]
+ * - h[200,500]:w[100, 300]
+ *
+ * @param {Array<[string, string | number]>} mediaQueries - An array of tuples containing media query keys and associated values.
+ * @param {ScreenSize} screenSize - An object representing the screen size to be checked against the media queries.
+ * @returns {string | undefined} Returns the first matching media query key or `undefined` if no match is found.
+ * @example
+ *
+ * const queries = [[':w[200]', 'value1'], [':h[300,500]', 'value2']]
+ * const size = { width: 250, height: 400 }
+ * getKeyForCustomMediaQuery(queries, size) // ':w[200]
+ */
+exports.isMediaQuery = isMediaQuery;
+const getKeyForCustomMediaQuery = (mediaQueries, screenSize) => {
+  const [matchedQuery] = mediaQueries.flatMap(_ref => {
+    let [key] = _ref;
+    if (key.includes('w') && key.includes('h')) {
+      return isWithinBreakpoint(key, screenSize) ? key : undefined;
+    }
+    return key.split(':').filter(Boolean).map(query => isWithinBreakpoint(query, screenSize) ? key : undefined);
+  }).filter(Boolean);
+  return matchedQuery;
+};
+exports.getKeyForCustomMediaQuery = getKeyForCustomMediaQuery;
+//# sourceMappingURL=mediaQueries.js.map

package/lib/commonjs/utils/mediaQueries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["extractValues","codedValue","lh","rh","replace","split","Number","exports","isWithinBreakpoint","query","screenSize","includes","isWithinTheWidthAndHeight","charAt","isWithinTheWidth","width","isWithinTheHeight","height","minWidth","maxWidth","minHeight","maxHeight","result","filter","Boolean","map","q","length","isMediaQuery","regex","test","getKeyForCustomMediaQuery","mediaQueries","matchedQuery","flatMap","_ref","key","undefined"],"sourceRoot":"../../../src","sources":["utils/mediaQueries.ts"],"mappings":"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"}

package/lib/commonjs/utils/mediaQueries.spec.js

@@ -0,0 +1,220 @@
+"use strict";
+
+var _mediaQueries = require("./mediaQueries");
+describe('utils', () => {
+  describe('extractValues', () => {
+    it('should correctly extract a width with both bounds', () => {
+      const mediaQuery = 'w[100, 600]';
+      expect((0, _mediaQueries.extractValues)(mediaQuery)).toEqual([100, 600]);
+    });
+    it('should correctly extract a width with lower bound equal to 0', () => {
+      const mediaQuery = 'w[0, 400]';
+      expect((0, _mediaQueries.extractValues)(mediaQuery)).toEqual([0, 400]);
+    });
+    it('should correctly extract a height with single value', () => {
+      const mediaQuery = 'h[700]';
+      expect((0, _mediaQueries.extractValues)(mediaQuery)).toEqual([700]);
+    });
+    it('should correctly extract a height with lower bound equal to 0', () => {
+      const mediaQuery = 'h[0,]';
+      expect((0, _mediaQueries.extractValues)(mediaQuery)).toEqual([0]);
+    });
+    it('should correctly extract a width with no lower bound', () => {
+      const mediaQuery = 'w[,100]';
+      expect((0, _mediaQueries.extractValues)(mediaQuery)).toEqual([0, 100]);
+    });
+  });
+  describe('isWithinTheWidth', () => {
+    it('should return true if the screen width is within the media query', () => {
+      const pairs = [{
+        width: 200,
+        query: 'w[120]'
+      }, {
+        width: 100,
+        query: 'w[,500]'
+      }, {
+        width: 0,
+        query: 'w[,500]'
+      }, {
+        width: 300,
+        query: 'w[300,500]'
+      }];
+      pairs.forEach(_ref => {
+        let {
+          width,
+          query
+        } = _ref;
+        expect((0, _mediaQueries.isWithinTheWidth)(query, width)).toEqual(true);
+      });
+    });
+    it('should return false if the screen width is outside the media query', () => {
+      const pairs = [{
+        width: 120,
+        query: 'w[200]'
+      }, {
+        width: 501,
+        query: 'w[,500]'
+      }, {
+        width: 700,
+        query: 'w[200,500]'
+      }];
+      pairs.forEach(_ref2 => {
+        let {
+          width,
+          query
+        } = _ref2;
+        expect((0, _mediaQueries.isWithinTheWidth)(query, width)).toEqual(false);
+      });
+    });
+  });
+  describe('isWithinTheHeight', () => {
+    it('should return true if the screen height is within the media query', () => {
+      const pairs = [{
+        height: 200,
+        query: 'h[120]'
+      }, {
+        height: 100,
+        query: 'h[,500]'
+      }, {
+        height: 0,
+        query: 'h[,500]'
+      }, {
+        height: 300,
+        query: 'h[300,500]'
+      }];
+      pairs.forEach(_ref3 => {
+        let {
+          height,
+          query
+        } = _ref3;
+        expect((0, _mediaQueries.isWithinTheHeight)(query, height)).toEqual(true);
+      });
+    });
+    it('should return false if the screen height is outside the media query', () => {
+      const pairs = [{
+        height: 120,
+        query: 'h[200]'
+      }, {
+        height: 501,
+        query: 'h[,500]'
+      }, {
+        height: 700,
+        query: 'h[200,500]'
+      }];
+      pairs.forEach(_ref4 => {
+        let {
+          height,
+          query
+        } = _ref4;
+        expect((0, _mediaQueries.isWithinTheHeight)(query, height)).toEqual(false);
+      });
+    });
+  });
+  describe('isWithinTheWidthAndHeight', () => {
+    it('should return true if the screen width and height are within the media query', () => {
+      const pairs = [{
+        screenSize: {
+          width: 200,
+          height: 600
+        },
+        query: 'w[, 200]:h[600]'
+      }, {
+        screenSize: {
+          width: 200,
+          height: 600
+        },
+        query: 'w[110]:h[400]'
+      }, {
+        screenSize: {
+          width: 400,
+          height: 800
+        },
+        query: 'w[400, 800]:h[400, 800]'
+      }];
+      pairs.forEach(_ref5 => {
+        let {
+          screenSize,
+          query
+        } = _ref5;
+        expect((0, _mediaQueries.isWithinTheWidthAndHeight)(query, screenSize)).toEqual(true);
+      });
+    });
+    it('should return false if the screen width and height are outside the media query', () => {
+      const pairs = [{
+        screenSize: {
+          width: 200,
+          height: 600
+        },
+        query: 'w[, 220]:h[620]'
+      }, {
+        screenSize: {
+          width: 200,
+          height: 600
+        },
+        query: 'w[290]:h[400]'
+      }, {
+        screenSize: {
+          width: 400,
+          height: 800
+        },
+        query: 'w[, 800]:h[, 700]'
+      }];
+      pairs.forEach(_ref6 => {
+        let {
+          screenSize,
+          query
+        } = _ref6;
+        expect((0, _mediaQueries.isWithinTheWidthAndHeight)(query, screenSize)).toEqual(false);
+      });
+    });
+  });
+  describe('isMediaQuery', () => {
+    it('should detect correct media queries', () => {
+      const correctMediaQueries = [':w[100]', ':w[100, 200]', ':w[, 300]', ':h[200]', ':h[0, 500]', ':h[, 750]', ':w[100]:h[200]', ':h[100]:w[200]', ':h[100, 200]:w[,400]', ':w[200]:h[200, 400]'];
+      correctMediaQueries.forEach(query => {
+        expect((0, _mediaQueries.isMediaQuery)(query)).toEqual(true);
+      });
+    });
+    it('should detect incorrect media queries', () => {
+      const incorrectMediaQueries = [':w100]', ':w[100, 200', ':p[, 300]', ':&[200]', ':h[0 500]', ':h[p, 750]', ':w[0]:l[200]', ':[100]:w[200]', ':h(100, 200):w[400]', ':w[2OO]:h[200, 400]', '', 'x', '>300', ']]w200[['];
+      incorrectMediaQueries.forEach(query => {
+        expect((0, _mediaQueries.isMediaQuery)(query)).toEqual(false);
+      });
+    });
+  });
+  describe('getKeyForCustomMediaQuery', () => {
+    it('should return a key for string value based on media query', () => {
+      const mediaQueries = [['w[,200]', 'orange'], ['w[300, 400]', 'pink'], ['w[500, 600]', 'red']];
+      const screenSize = {
+        width: 300,
+        height: 700
+      };
+      expect((0, _mediaQueries.getKeyForCustomMediaQuery)(mediaQueries, screenSize)).toEqual('w[300, 400]');
+    });
+    it('should return a key for number value based on media query', () => {
+      const mediaQueries = [['w[,200]', 200], ['w[250]', 300]];
+      const screenSize = {
+        width: 300,
+        height: 700
+      };
+      expect((0, _mediaQueries.getKeyForCustomMediaQuery)(mediaQueries, screenSize)).toEqual('w[250]');
+    });
+    it('should return undefined for no match', () => {
+      const mediaQueries = [['w[,400]', 'green'], ['w[500, 999]', 'olive'], ['w[1000]', 'red']];
+      const screenSize = {
+        width: 450,
+        height: 1000
+      };
+      expect((0, _mediaQueries.getKeyForCustomMediaQuery)(mediaQueries, screenSize)).toEqual(undefined);
+    });
+    it('should handle correctly complex media queries', () => {
+      const mediaQueries = [['w[,300]:h[200,700]', 200], ['w[250]:h[701]', 300], ['w[200]', 500]];
+      const screenSize = {
+        width: 300,
+        height: 700
+      };
+      expect((0, _mediaQueries.getKeyForCustomMediaQuery)(mediaQueries, screenSize)).toEqual('w[,300]:h[200,700]');
+    });
+  });
+});
+//# sourceMappingURL=mediaQueries.spec.js.map

package/lib/commonjs/utils/mediaQueries.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_mediaQueries","require","describe","it","mediaQuery","expect","extractValues","toEqual","pairs","width","query","forEach","_ref","isWithinTheWidth","_ref2","height","_ref3","isWithinTheHeight","_ref4","screenSize","_ref5","isWithinTheWidthAndHeight","_ref6","correctMediaQueries","isMediaQuery","incorrectMediaQueries","mediaQueries","getKeyForCustomMediaQuery","undefined"],"sourceRoot":"../../../src","sources":["utils/mediaQueries.spec.ts"],"mappings":"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"}