react-native-unistyles 1.0.0-beta.6 → 1.0.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -589
- package/lib/commonjs/createUnistyles.js +6 -13
- package/lib/commonjs/createUnistyles.js.map +1 -1
- package/lib/commonjs/hooks/useDimensions.js +1 -10
- package/lib/commonjs/hooks/useDimensions.js.map +1 -1
- package/lib/commonjs/utils/index.js +43 -0
- package/lib/commonjs/utils/index.js.map +1 -1
- package/lib/module/createUnistyles.js +7 -14
- package/lib/module/createUnistyles.js.map +1 -1
- package/lib/module/hooks/useDimensions.js +1 -10
- package/lib/module/hooks/useDimensions.js.map +1 -1
- package/lib/module/utils/index.js +2 -1
- package/lib/module/utils/index.js.map +1 -1
- package/lib/typescript/src/createUnistyles.d.ts +2 -5
- package/lib/typescript/src/createUnistyles.d.ts.map +1 -1
- package/lib/typescript/src/hooks/useDimensions.d.ts.map +1 -1
- package/lib/typescript/src/types/mediaQueries.d.ts +7 -1
- package/lib/typescript/src/types/mediaQueries.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +2 -1
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/package.json +13 -10
- package/src/__tests__/createUnistyles.spec.tsx +192 -0
- package/src/createUnistyles.ts +8 -16
- package/src/hooks/useDimensions.ts +1 -8
- package/src/types/mediaQueries.ts +8 -67
- package/src/utils/index.ts +9 -1
- package/lib/commonjs/utils/breakpoints.spec.js +0 -154
- package/lib/commonjs/utils/breakpoints.spec.js.map +0 -1
- package/lib/commonjs/utils/mediaQueries.spec.js +0 -220
- package/lib/commonjs/utils/mediaQueries.spec.js.map +0 -1
- package/lib/commonjs/utils/styles.spec.js +0 -174
- package/lib/commonjs/utils/styles.spec.js.map +0 -1
- package/lib/module/utils/breakpoints.spec.js +0 -152
- package/lib/module/utils/breakpoints.spec.js.map +0 -1
- package/lib/module/utils/mediaQueries.spec.js +0 -218
- package/lib/module/utils/mediaQueries.spec.js.map +0 -1
- package/lib/module/utils/styles.spec.js +0 -172
- package/lib/module/utils/styles.spec.js.map +0 -1
- package/lib/typescript/src/utils/breakpoints.spec.d.ts +0 -2
- package/lib/typescript/src/utils/breakpoints.spec.d.ts.map +0 -1
- package/lib/typescript/src/utils/mediaQueries.spec.d.ts +0 -2
- package/lib/typescript/src/utils/mediaQueries.spec.d.ts.map +0 -1
- package/lib/typescript/src/utils/styles.spec.d.ts +0 -2
- package/lib/typescript/src/utils/styles.spec.d.ts.map +0 -1
| @@ -1,152 +0,0 @@ | |
| 1 | 
            -
            import { getBreakpointFromScreenWidth, getValueForBreakpoint, sortAndValidateBreakpoints } from './breakpoints';
         | 
| 2 | 
            -
            describe('breakpoints', () => {
         | 
| 3 | 
            -
              describe('sortAndValidateBreakpoints', () => {
         | 
| 4 | 
            -
                it('should throw error for empty breakpoints', () => {
         | 
| 5 | 
            -
                  const breakpoints = {};
         | 
| 6 | 
            -
                  expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
         | 
| 7 | 
            -
                });
         | 
| 8 | 
            -
                it('should throw error for breakpoints that don\'t start with 0', () => {
         | 
| 9 | 
            -
                  const breakpoints = {
         | 
| 10 | 
            -
                    sm: -1
         | 
| 11 | 
            -
                  };
         | 
| 12 | 
            -
                  expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
         | 
| 13 | 
            -
                });
         | 
| 14 | 
            -
                it('should return same order for sorted elements', () => {
         | 
| 15 | 
            -
                  const breakpoints = {
         | 
| 16 | 
            -
                    sm: 0,
         | 
| 17 | 
            -
                    md: 200,
         | 
| 18 | 
            -
                    lg: 300,
         | 
| 19 | 
            -
                    xl: 500
         | 
| 20 | 
            -
                  };
         | 
| 21 | 
            -
                  expect(sortAndValidateBreakpoints(breakpoints)).toEqual(breakpoints);
         | 
| 22 | 
            -
                });
         | 
| 23 | 
            -
                it('should sort the order of breakpoints', () => {
         | 
| 24 | 
            -
                  const breakpoints = {
         | 
| 25 | 
            -
                    md: 200,
         | 
| 26 | 
            -
                    sm: 0,
         | 
| 27 | 
            -
                    lg: 300,
         | 
| 28 | 
            -
                    xl: 500
         | 
| 29 | 
            -
                  };
         | 
| 30 | 
            -
                  expect(sortAndValidateBreakpoints(breakpoints)).toEqual({
         | 
| 31 | 
            -
                    sm: 0,
         | 
| 32 | 
            -
                    md: 200,
         | 
| 33 | 
            -
                    lg: 300,
         | 
| 34 | 
            -
                    xl: 500
         | 
| 35 | 
            -
                  });
         | 
| 36 | 
            -
                });
         | 
| 37 | 
            -
                it('should throw errors for duplicated values', () => {
         | 
| 38 | 
            -
                  const breakpoints = {
         | 
| 39 | 
            -
                    md: 200,
         | 
| 40 | 
            -
                    sm: 0,
         | 
| 41 | 
            -
                    lg: 300,
         | 
| 42 | 
            -
                    xl: 300
         | 
| 43 | 
            -
                  };
         | 
| 44 | 
            -
                  expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
         | 
| 45 | 
            -
                });
         | 
| 46 | 
            -
              });
         | 
| 47 | 
            -
              describe('getBreakpointFromScreenWidth', () => {
         | 
| 48 | 
            -
                it('should return correct breakpoints based on screen width', () => {
         | 
| 49 | 
            -
                  const breakpoints = {
         | 
| 50 | 
            -
                    xs: 0,
         | 
| 51 | 
            -
                    sm: 300,
         | 
| 52 | 
            -
                    md: 500,
         | 
| 53 | 
            -
                    xl: 1200
         | 
| 54 | 
            -
                  };
         | 
| 55 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 56 | 
            -
                  expect(getBreakpointFromScreenWidth(0, breakpointPairs)).toEqual('xs');
         | 
| 57 | 
            -
                  expect(getBreakpointFromScreenWidth(20, breakpointPairs)).toEqual('xs');
         | 
| 58 | 
            -
                  expect(getBreakpointFromScreenWidth(100, breakpointPairs)).toEqual('xs');
         | 
| 59 | 
            -
                  expect(getBreakpointFromScreenWidth(101, breakpointPairs)).toEqual('xs');
         | 
| 60 | 
            -
                  expect(getBreakpointFromScreenWidth(250, breakpointPairs)).toEqual('xs');
         | 
| 61 | 
            -
                  expect(getBreakpointFromScreenWidth(300, breakpointPairs)).toEqual('sm');
         | 
| 62 | 
            -
                  expect(getBreakpointFromScreenWidth(499, breakpointPairs)).toEqual('sm');
         | 
| 63 | 
            -
                  expect(getBreakpointFromScreenWidth(500, breakpointPairs)).toEqual('md');
         | 
| 64 | 
            -
                  expect(getBreakpointFromScreenWidth(799, breakpointPairs)).toEqual('md');
         | 
| 65 | 
            -
                  expect(getBreakpointFromScreenWidth(1200, breakpointPairs)).toEqual('xl');
         | 
| 66 | 
            -
                  expect(getBreakpointFromScreenWidth(2000, breakpointPairs)).toEqual('xl');
         | 
| 67 | 
            -
                });
         | 
| 68 | 
            -
              });
         | 
| 69 | 
            -
              describe('getValueForBreakpoint', () => {
         | 
| 70 | 
            -
                it('should prioritize custom media query', () => {
         | 
| 71 | 
            -
                  const breakpoint = 'sm';
         | 
| 72 | 
            -
                  const breakpoints = {
         | 
| 73 | 
            -
                    xs: 0,
         | 
| 74 | 
            -
                    sm: 200,
         | 
| 75 | 
            -
                    md: 500
         | 
| 76 | 
            -
                  };
         | 
| 77 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 78 | 
            -
                  const style = {
         | 
| 79 | 
            -
                    ':w[, 200]': 'green',
         | 
| 80 | 
            -
                    ':w[201]': 'orange',
         | 
| 81 | 
            -
                    sm: 'pink'
         | 
| 82 | 
            -
                  };
         | 
| 83 | 
            -
                  const screenSize = {
         | 
| 84 | 
            -
                    width: 200,
         | 
| 85 | 
            -
                    height: 800
         | 
| 86 | 
            -
                  };
         | 
| 87 | 
            -
                  expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('green');
         | 
| 88 | 
            -
                });
         | 
| 89 | 
            -
              });
         | 
| 90 | 
            -
              it('should match breakpoint if media query doesnt exist', () => {
         | 
| 91 | 
            -
                const breakpoint = 'md';
         | 
| 92 | 
            -
                const breakpoints = {
         | 
| 93 | 
            -
                  xs: 0,
         | 
| 94 | 
            -
                  sm: 200,
         | 
| 95 | 
            -
                  md: 500
         | 
| 96 | 
            -
                };
         | 
| 97 | 
            -
                const breakpointPairs = Object.entries(breakpoints);
         | 
| 98 | 
            -
                const style = {
         | 
| 99 | 
            -
                  ':w[, 200]': 'green',
         | 
| 100 | 
            -
                  ':w[201, 499]': 'orange',
         | 
| 101 | 
            -
                  sm: 'pink',
         | 
| 102 | 
            -
                  md: 'red'
         | 
| 103 | 
            -
                };
         | 
| 104 | 
            -
                const screenSize = {
         | 
| 105 | 
            -
                  width: 500,
         | 
| 106 | 
            -
                  height: 1200
         | 
| 107 | 
            -
                };
         | 
| 108 | 
            -
                expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('red');
         | 
| 109 | 
            -
              });
         | 
| 110 | 
            -
              it('should match breakpoint even if value is undefined', () => {
         | 
| 111 | 
            -
                const breakpoint = 'md';
         | 
| 112 | 
            -
                const breakpoints = {
         | 
| 113 | 
            -
                  xs: 0,
         | 
| 114 | 
            -
                  sm: 200,
         | 
| 115 | 
            -
                  md: 500
         | 
| 116 | 
            -
                };
         | 
| 117 | 
            -
                const breakpointPairs = Object.entries(breakpoints);
         | 
| 118 | 
            -
                const style = {
         | 
| 119 | 
            -
                  ':w[, 200]': 'green',
         | 
| 120 | 
            -
                  ':w[201, 499]': 'orange',
         | 
| 121 | 
            -
                  sm: 'pink',
         | 
| 122 | 
            -
                  md: undefined
         | 
| 123 | 
            -
                };
         | 
| 124 | 
            -
                const screenSize = {
         | 
| 125 | 
            -
                  width: 500,
         | 
| 126 | 
            -
                  height: 1200
         | 
| 127 | 
            -
                };
         | 
| 128 | 
            -
                expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual(undefined);
         | 
| 129 | 
            -
              });
         | 
| 130 | 
            -
              it('should match lower breakpoint to match css cascading', () => {
         | 
| 131 | 
            -
                const breakpoint = 'xl';
         | 
| 132 | 
            -
                const breakpoints = {
         | 
| 133 | 
            -
                  xs: 0,
         | 
| 134 | 
            -
                  sm: 200,
         | 
| 135 | 
            -
                  md: 500,
         | 
| 136 | 
            -
                  xl: 600
         | 
| 137 | 
            -
                };
         | 
| 138 | 
            -
                const breakpointPairs = Object.entries(breakpoints);
         | 
| 139 | 
            -
                const style = {
         | 
| 140 | 
            -
                  ':w[, 200]': 'green',
         | 
| 141 | 
            -
                  ':w[201, 499]': 'orange',
         | 
| 142 | 
            -
                  sm: 'pink',
         | 
| 143 | 
            -
                  md: 'red'
         | 
| 144 | 
            -
                };
         | 
| 145 | 
            -
                const screenSize = {
         | 
| 146 | 
            -
                  width: 500,
         | 
| 147 | 
            -
                  height: 1200
         | 
| 148 | 
            -
                };
         | 
| 149 | 
            -
                expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('red');
         | 
| 150 | 
            -
              });
         | 
| 151 | 
            -
            });
         | 
| 152 | 
            -
            //# sourceMappingURL=breakpoints.spec.js.map
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"names":["getBreakpointFromScreenWidth","getValueForBreakpoint","sortAndValidateBreakpoints","describe","it","breakpoints","expect","toThrow","sm","md","lg","xl","toEqual","xs","breakpointPairs","Object","entries","breakpoint","style","screenSize","width","height","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.spec.ts"],"mappings":"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"}
         | 
| @@ -1,218 +0,0 @@ | |
| 1 | 
            -
            import { extractValues, getKeyForCustomMediaQuery, isMediaQuery, isWithinTheHeight, isWithinTheWidth, isWithinTheWidthAndHeight } from './mediaQueries';
         | 
| 2 | 
            -
            describe('utils', () => {
         | 
| 3 | 
            -
              describe('extractValues', () => {
         | 
| 4 | 
            -
                it('should correctly extract a width with both bounds', () => {
         | 
| 5 | 
            -
                  const mediaQuery = 'w[100, 600]';
         | 
| 6 | 
            -
                  expect(extractValues(mediaQuery)).toEqual([100, 600]);
         | 
| 7 | 
            -
                });
         | 
| 8 | 
            -
                it('should correctly extract a width with lower bound equal to 0', () => {
         | 
| 9 | 
            -
                  const mediaQuery = 'w[0, 400]';
         | 
| 10 | 
            -
                  expect(extractValues(mediaQuery)).toEqual([0, 400]);
         | 
| 11 | 
            -
                });
         | 
| 12 | 
            -
                it('should correctly extract a height with single value', () => {
         | 
| 13 | 
            -
                  const mediaQuery = 'h[700]';
         | 
| 14 | 
            -
                  expect(extractValues(mediaQuery)).toEqual([700]);
         | 
| 15 | 
            -
                });
         | 
| 16 | 
            -
                it('should correctly extract a height with lower bound equal to 0', () => {
         | 
| 17 | 
            -
                  const mediaQuery = 'h[0,]';
         | 
| 18 | 
            -
                  expect(extractValues(mediaQuery)).toEqual([0]);
         | 
| 19 | 
            -
                });
         | 
| 20 | 
            -
                it('should correctly extract a width with no lower bound', () => {
         | 
| 21 | 
            -
                  const mediaQuery = 'w[,100]';
         | 
| 22 | 
            -
                  expect(extractValues(mediaQuery)).toEqual([0, 100]);
         | 
| 23 | 
            -
                });
         | 
| 24 | 
            -
              });
         | 
| 25 | 
            -
              describe('isWithinTheWidth', () => {
         | 
| 26 | 
            -
                it('should return true if the screen width is within the media query', () => {
         | 
| 27 | 
            -
                  const pairs = [{
         | 
| 28 | 
            -
                    width: 200,
         | 
| 29 | 
            -
                    query: 'w[120]'
         | 
| 30 | 
            -
                  }, {
         | 
| 31 | 
            -
                    width: 100,
         | 
| 32 | 
            -
                    query: 'w[,500]'
         | 
| 33 | 
            -
                  }, {
         | 
| 34 | 
            -
                    width: 0,
         | 
| 35 | 
            -
                    query: 'w[,500]'
         | 
| 36 | 
            -
                  }, {
         | 
| 37 | 
            -
                    width: 300,
         | 
| 38 | 
            -
                    query: 'w[300,500]'
         | 
| 39 | 
            -
                  }];
         | 
| 40 | 
            -
                  pairs.forEach(_ref => {
         | 
| 41 | 
            -
                    let {
         | 
| 42 | 
            -
                      width,
         | 
| 43 | 
            -
                      query
         | 
| 44 | 
            -
                    } = _ref;
         | 
| 45 | 
            -
                    expect(isWithinTheWidth(query, width)).toEqual(true);
         | 
| 46 | 
            -
                  });
         | 
| 47 | 
            -
                });
         | 
| 48 | 
            -
                it('should return false if the screen width is outside the media query', () => {
         | 
| 49 | 
            -
                  const pairs = [{
         | 
| 50 | 
            -
                    width: 120,
         | 
| 51 | 
            -
                    query: 'w[200]'
         | 
| 52 | 
            -
                  }, {
         | 
| 53 | 
            -
                    width: 501,
         | 
| 54 | 
            -
                    query: 'w[,500]'
         | 
| 55 | 
            -
                  }, {
         | 
| 56 | 
            -
                    width: 700,
         | 
| 57 | 
            -
                    query: 'w[200,500]'
         | 
| 58 | 
            -
                  }];
         | 
| 59 | 
            -
                  pairs.forEach(_ref2 => {
         | 
| 60 | 
            -
                    let {
         | 
| 61 | 
            -
                      width,
         | 
| 62 | 
            -
                      query
         | 
| 63 | 
            -
                    } = _ref2;
         | 
| 64 | 
            -
                    expect(isWithinTheWidth(query, width)).toEqual(false);
         | 
| 65 | 
            -
                  });
         | 
| 66 | 
            -
                });
         | 
| 67 | 
            -
              });
         | 
| 68 | 
            -
              describe('isWithinTheHeight', () => {
         | 
| 69 | 
            -
                it('should return true if the screen height is within the media query', () => {
         | 
| 70 | 
            -
                  const pairs = [{
         | 
| 71 | 
            -
                    height: 200,
         | 
| 72 | 
            -
                    query: 'h[120]'
         | 
| 73 | 
            -
                  }, {
         | 
| 74 | 
            -
                    height: 100,
         | 
| 75 | 
            -
                    query: 'h[,500]'
         | 
| 76 | 
            -
                  }, {
         | 
| 77 | 
            -
                    height: 0,
         | 
| 78 | 
            -
                    query: 'h[,500]'
         | 
| 79 | 
            -
                  }, {
         | 
| 80 | 
            -
                    height: 300,
         | 
| 81 | 
            -
                    query: 'h[300,500]'
         | 
| 82 | 
            -
                  }];
         | 
| 83 | 
            -
                  pairs.forEach(_ref3 => {
         | 
| 84 | 
            -
                    let {
         | 
| 85 | 
            -
                      height,
         | 
| 86 | 
            -
                      query
         | 
| 87 | 
            -
                    } = _ref3;
         | 
| 88 | 
            -
                    expect(isWithinTheHeight(query, height)).toEqual(true);
         | 
| 89 | 
            -
                  });
         | 
| 90 | 
            -
                });
         | 
| 91 | 
            -
                it('should return false if the screen height is outside the media query', () => {
         | 
| 92 | 
            -
                  const pairs = [{
         | 
| 93 | 
            -
                    height: 120,
         | 
| 94 | 
            -
                    query: 'h[200]'
         | 
| 95 | 
            -
                  }, {
         | 
| 96 | 
            -
                    height: 501,
         | 
| 97 | 
            -
                    query: 'h[,500]'
         | 
| 98 | 
            -
                  }, {
         | 
| 99 | 
            -
                    height: 700,
         | 
| 100 | 
            -
                    query: 'h[200,500]'
         | 
| 101 | 
            -
                  }];
         | 
| 102 | 
            -
                  pairs.forEach(_ref4 => {
         | 
| 103 | 
            -
                    let {
         | 
| 104 | 
            -
                      height,
         | 
| 105 | 
            -
                      query
         | 
| 106 | 
            -
                    } = _ref4;
         | 
| 107 | 
            -
                    expect(isWithinTheHeight(query, height)).toEqual(false);
         | 
| 108 | 
            -
                  });
         | 
| 109 | 
            -
                });
         | 
| 110 | 
            -
              });
         | 
| 111 | 
            -
              describe('isWithinTheWidthAndHeight', () => {
         | 
| 112 | 
            -
                it('should return true if the screen width and height are within the media query', () => {
         | 
| 113 | 
            -
                  const pairs = [{
         | 
| 114 | 
            -
                    screenSize: {
         | 
| 115 | 
            -
                      width: 200,
         | 
| 116 | 
            -
                      height: 600
         | 
| 117 | 
            -
                    },
         | 
| 118 | 
            -
                    query: 'w[, 200]:h[600]'
         | 
| 119 | 
            -
                  }, {
         | 
| 120 | 
            -
                    screenSize: {
         | 
| 121 | 
            -
                      width: 200,
         | 
| 122 | 
            -
                      height: 600
         | 
| 123 | 
            -
                    },
         | 
| 124 | 
            -
                    query: 'w[110]:h[400]'
         | 
| 125 | 
            -
                  }, {
         | 
| 126 | 
            -
                    screenSize: {
         | 
| 127 | 
            -
                      width: 400,
         | 
| 128 | 
            -
                      height: 800
         | 
| 129 | 
            -
                    },
         | 
| 130 | 
            -
                    query: 'w[400, 800]:h[400, 800]'
         | 
| 131 | 
            -
                  }];
         | 
| 132 | 
            -
                  pairs.forEach(_ref5 => {
         | 
| 133 | 
            -
                    let {
         | 
| 134 | 
            -
                      screenSize,
         | 
| 135 | 
            -
                      query
         | 
| 136 | 
            -
                    } = _ref5;
         | 
| 137 | 
            -
                    expect(isWithinTheWidthAndHeight(query, screenSize)).toEqual(true);
         | 
| 138 | 
            -
                  });
         | 
| 139 | 
            -
                });
         | 
| 140 | 
            -
                it('should return false if the screen width and height are outside the media query', () => {
         | 
| 141 | 
            -
                  const pairs = [{
         | 
| 142 | 
            -
                    screenSize: {
         | 
| 143 | 
            -
                      width: 200,
         | 
| 144 | 
            -
                      height: 600
         | 
| 145 | 
            -
                    },
         | 
| 146 | 
            -
                    query: 'w[, 220]:h[620]'
         | 
| 147 | 
            -
                  }, {
         | 
| 148 | 
            -
                    screenSize: {
         | 
| 149 | 
            -
                      width: 200,
         | 
| 150 | 
            -
                      height: 600
         | 
| 151 | 
            -
                    },
         | 
| 152 | 
            -
                    query: 'w[290]:h[400]'
         | 
| 153 | 
            -
                  }, {
         | 
| 154 | 
            -
                    screenSize: {
         | 
| 155 | 
            -
                      width: 400,
         | 
| 156 | 
            -
                      height: 800
         | 
| 157 | 
            -
                    },
         | 
| 158 | 
            -
                    query: 'w[, 800]:h[, 700]'
         | 
| 159 | 
            -
                  }];
         | 
| 160 | 
            -
                  pairs.forEach(_ref6 => {
         | 
| 161 | 
            -
                    let {
         | 
| 162 | 
            -
                      screenSize,
         | 
| 163 | 
            -
                      query
         | 
| 164 | 
            -
                    } = _ref6;
         | 
| 165 | 
            -
                    expect(isWithinTheWidthAndHeight(query, screenSize)).toEqual(false);
         | 
| 166 | 
            -
                  });
         | 
| 167 | 
            -
                });
         | 
| 168 | 
            -
              });
         | 
| 169 | 
            -
              describe('isMediaQuery', () => {
         | 
| 170 | 
            -
                it('should detect correct media queries', () => {
         | 
| 171 | 
            -
                  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]'];
         | 
| 172 | 
            -
                  correctMediaQueries.forEach(query => {
         | 
| 173 | 
            -
                    expect(isMediaQuery(query)).toEqual(true);
         | 
| 174 | 
            -
                  });
         | 
| 175 | 
            -
                });
         | 
| 176 | 
            -
                it('should detect incorrect media queries', () => {
         | 
| 177 | 
            -
                  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[[', ':w[ 100]', ':w[ , 300]', ':w[ ,    200]:h[ 200 , 400]'];
         | 
| 178 | 
            -
                  incorrectMediaQueries.forEach(query => {
         | 
| 179 | 
            -
                    expect(isMediaQuery(query)).toEqual(false);
         | 
| 180 | 
            -
                  });
         | 
| 181 | 
            -
                });
         | 
| 182 | 
            -
              });
         | 
| 183 | 
            -
              describe('getKeyForCustomMediaQuery', () => {
         | 
| 184 | 
            -
                it('should return a key for string value based on media query', () => {
         | 
| 185 | 
            -
                  const mediaQueries = [['w[,200]', 'orange'], ['w[300, 400]', 'pink'], ['w[500, 600]', 'red']];
         | 
| 186 | 
            -
                  const screenSize = {
         | 
| 187 | 
            -
                    width: 300,
         | 
| 188 | 
            -
                    height: 700
         | 
| 189 | 
            -
                  };
         | 
| 190 | 
            -
                  expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[300, 400]');
         | 
| 191 | 
            -
                });
         | 
| 192 | 
            -
                it('should return a key for number value based on media query', () => {
         | 
| 193 | 
            -
                  const mediaQueries = [['w[,200]', 200], ['w[250]', 300]];
         | 
| 194 | 
            -
                  const screenSize = {
         | 
| 195 | 
            -
                    width: 300,
         | 
| 196 | 
            -
                    height: 700
         | 
| 197 | 
            -
                  };
         | 
| 198 | 
            -
                  expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[250]');
         | 
| 199 | 
            -
                });
         | 
| 200 | 
            -
                it('should return undefined for no match', () => {
         | 
| 201 | 
            -
                  const mediaQueries = [['w[,400]', 'green'], ['w[500, 999]', 'olive'], ['w[1000]', 'red']];
         | 
| 202 | 
            -
                  const screenSize = {
         | 
| 203 | 
            -
                    width: 450,
         | 
| 204 | 
            -
                    height: 1000
         | 
| 205 | 
            -
                  };
         | 
| 206 | 
            -
                  expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual(undefined);
         | 
| 207 | 
            -
                });
         | 
| 208 | 
            -
                it('should handle correctly complex media queries', () => {
         | 
| 209 | 
            -
                  const mediaQueries = [['w[,300]:h[200,700]', 200], ['w[250]:h[701]', 300], ['w[200]', 500]];
         | 
| 210 | 
            -
                  const screenSize = {
         | 
| 211 | 
            -
                    width: 300,
         | 
| 212 | 
            -
                    height: 700
         | 
| 213 | 
            -
                  };
         | 
| 214 | 
            -
                  expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[,300]:h[200,700]');
         | 
| 215 | 
            -
                });
         | 
| 216 | 
            -
              });
         | 
| 217 | 
            -
            });
         | 
| 218 | 
            -
            //# sourceMappingURL=mediaQueries.spec.js.map
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"names":["extractValues","getKeyForCustomMediaQuery","isMediaQuery","isWithinTheHeight","isWithinTheWidth","isWithinTheWidthAndHeight","describe","it","mediaQuery","expect","toEqual","pairs","width","query","forEach","_ref","_ref2","height","_ref3","_ref4","screenSize","_ref5","_ref6","correctMediaQueries","incorrectMediaQueries","mediaQueries","undefined"],"sourceRoot":"../../../src","sources":["utils/mediaQueries.spec.ts"],"mappings":"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"}
         | 
| @@ -1,172 +0,0 @@ | |
| 1 | 
            -
            import { parseStyle, proxifyFunction } from './styles';
         | 
| 2 | 
            -
            describe('styles', () => {
         | 
| 3 | 
            -
              describe('proxifyFunction', () => {
         | 
| 4 | 
            -
                it('should parse style for dynamic function', () => {
         | 
| 5 | 
            -
                  const screenSize = {
         | 
| 6 | 
            -
                    width: 400,
         | 
| 7 | 
            -
                    height: 800
         | 
| 8 | 
            -
                  };
         | 
| 9 | 
            -
                  const breakpoint = 'sm';
         | 
| 10 | 
            -
                  const breakpoints = {
         | 
| 11 | 
            -
                    xs: 0,
         | 
| 12 | 
            -
                    sm: 400,
         | 
| 13 | 
            -
                    md: 800
         | 
| 14 | 
            -
                  };
         | 
| 15 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 16 | 
            -
                  const dynamicFunction = isEven => ({
         | 
| 17 | 
            -
                    backgroundColor: {
         | 
| 18 | 
            -
                      sm: isEven ? 'green' : 'red',
         | 
| 19 | 
            -
                      md: isEven ? 'orange' : 'pink'
         | 
| 20 | 
            -
                    }
         | 
| 21 | 
            -
                  });
         | 
| 22 | 
            -
                  expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(true)).toEqual({
         | 
| 23 | 
            -
                    backgroundColor: 'green'
         | 
| 24 | 
            -
                  });
         | 
| 25 | 
            -
                });
         | 
| 26 | 
            -
                it('should return proxified function for custom media query', () => {
         | 
| 27 | 
            -
                  const screenSize = {
         | 
| 28 | 
            -
                    width: 400,
         | 
| 29 | 
            -
                    height: 800
         | 
| 30 | 
            -
                  };
         | 
| 31 | 
            -
                  const breakpoint = 'sm';
         | 
| 32 | 
            -
                  const breakpoints = {
         | 
| 33 | 
            -
                    xs: 0,
         | 
| 34 | 
            -
                    sm: 400,
         | 
| 35 | 
            -
                    md: 800
         | 
| 36 | 
            -
                  };
         | 
| 37 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 38 | 
            -
                  const dynamicFunction = isEven => ({
         | 
| 39 | 
            -
                    backgroundColor: {
         | 
| 40 | 
            -
                      ':w[,399]': isEven ? 'green' : 'red',
         | 
| 41 | 
            -
                      ':w[400]': isEven ? 'orange' : 'pink'
         | 
| 42 | 
            -
                    }
         | 
| 43 | 
            -
                  });
         | 
| 44 | 
            -
                  expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(false)).toEqual({
         | 
| 45 | 
            -
                    backgroundColor: 'pink'
         | 
| 46 | 
            -
                  });
         | 
| 47 | 
            -
                });
         | 
| 48 | 
            -
                it('should return same function for no breakpoints nor media queries', () => {
         | 
| 49 | 
            -
                  const screenSize = {
         | 
| 50 | 
            -
                    width: 400,
         | 
| 51 | 
            -
                    height: 800
         | 
| 52 | 
            -
                  };
         | 
| 53 | 
            -
                  const breakpoint = 'sm';
         | 
| 54 | 
            -
                  const breakpoints = {
         | 
| 55 | 
            -
                    xs: 0,
         | 
| 56 | 
            -
                    sm: 400,
         | 
| 57 | 
            -
                    md: 800
         | 
| 58 | 
            -
                  };
         | 
| 59 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 60 | 
            -
                  const dynamicFunction = isEven => ({
         | 
| 61 | 
            -
                    backgroundColor: isEven ? 'pink' : 'purple'
         | 
| 62 | 
            -
                  });
         | 
| 63 | 
            -
                  expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(false)).toEqual({
         | 
| 64 | 
            -
                    backgroundColor: 'purple'
         | 
| 65 | 
            -
                  });
         | 
| 66 | 
            -
                });
         | 
| 67 | 
            -
              });
         | 
| 68 | 
            -
              describe('parseStyle', () => {
         | 
| 69 | 
            -
                it('should correctly parse styles', () => {
         | 
| 70 | 
            -
                  const screenSize = {
         | 
| 71 | 
            -
                    width: 400,
         | 
| 72 | 
            -
                    height: 800
         | 
| 73 | 
            -
                  };
         | 
| 74 | 
            -
                  const breakpoint = 'sm';
         | 
| 75 | 
            -
                  const breakpoints = {
         | 
| 76 | 
            -
                    xs: 0,
         | 
| 77 | 
            -
                    sm: 400,
         | 
| 78 | 
            -
                    md: 800
         | 
| 79 | 
            -
                  };
         | 
| 80 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 81 | 
            -
                  const style = {
         | 
| 82 | 
            -
                    fontSize: {
         | 
| 83 | 
            -
                      sm: 12,
         | 
| 84 | 
            -
                      md: 20
         | 
| 85 | 
            -
                    },
         | 
| 86 | 
            -
                    backgroundColor: {
         | 
| 87 | 
            -
                      xs: 'pink',
         | 
| 88 | 
            -
                      md: 'orange'
         | 
| 89 | 
            -
                    },
         | 
| 90 | 
            -
                    fontWeight: 'bold'
         | 
| 91 | 
            -
                  };
         | 
| 92 | 
            -
                  const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
         | 
| 93 | 
            -
                  expect(parsedStyles).toEqual({
         | 
| 94 | 
            -
                    fontSize: 12,
         | 
| 95 | 
            -
                    backgroundColor: 'pink',
         | 
| 96 | 
            -
                    fontWeight: 'bold'
         | 
| 97 | 
            -
                  });
         | 
| 98 | 
            -
                });
         | 
| 99 | 
            -
                it('should correctly parse transform styles', () => {
         | 
| 100 | 
            -
                  const screenSize = {
         | 
| 101 | 
            -
                    width: 400,
         | 
| 102 | 
            -
                    height: 800
         | 
| 103 | 
            -
                  };
         | 
| 104 | 
            -
                  const breakpoint = 'sm';
         | 
| 105 | 
            -
                  const breakpoints = {
         | 
| 106 | 
            -
                    xs: 0,
         | 
| 107 | 
            -
                    sm: 400,
         | 
| 108 | 
            -
                    md: 800
         | 
| 109 | 
            -
                  };
         | 
| 110 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 111 | 
            -
                  const style = {
         | 
| 112 | 
            -
                    transform: [{
         | 
| 113 | 
            -
                      translateX: {
         | 
| 114 | 
            -
                        sm: 120,
         | 
| 115 | 
            -
                        md: 200
         | 
| 116 | 
            -
                      },
         | 
| 117 | 
            -
                      translateY: 200
         | 
| 118 | 
            -
                    }]
         | 
| 119 | 
            -
                  };
         | 
| 120 | 
            -
                  const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
         | 
| 121 | 
            -
                  expect(parsedStyles).toEqual({
         | 
| 122 | 
            -
                    transform: [{
         | 
| 123 | 
            -
                      translateX: 120,
         | 
| 124 | 
            -
                      translateY: 200
         | 
| 125 | 
            -
                    }]
         | 
| 126 | 
            -
                  });
         | 
| 127 | 
            -
                });
         | 
| 128 | 
            -
                it('should correctly parse shadowOffset styles', () => {
         | 
| 129 | 
            -
                  const screenSize = {
         | 
| 130 | 
            -
                    width: 400,
         | 
| 131 | 
            -
                    height: 800
         | 
| 132 | 
            -
                  };
         | 
| 133 | 
            -
                  const breakpoint = 'sm';
         | 
| 134 | 
            -
                  const breakpoints = {
         | 
| 135 | 
            -
                    xs: 0,
         | 
| 136 | 
            -
                    sm: 400,
         | 
| 137 | 
            -
                    md: 800
         | 
| 138 | 
            -
                  };
         | 
| 139 | 
            -
                  const breakpointPairs = Object.entries(breakpoints);
         | 
| 140 | 
            -
                  const style = {
         | 
| 141 | 
            -
                    shadowOffset: {
         | 
| 142 | 
            -
                      width: 0,
         | 
| 143 | 
            -
                      height: 4
         | 
| 144 | 
            -
                    }
         | 
| 145 | 
            -
                  };
         | 
| 146 | 
            -
                  const styleWithBreakpoints = {
         | 
| 147 | 
            -
                    shadowOffset: {
         | 
| 148 | 
            -
                      width: 0,
         | 
| 149 | 
            -
                      height: {
         | 
| 150 | 
            -
                        sm: 10,
         | 
| 151 | 
            -
                        md: 20
         | 
| 152 | 
            -
                      }
         | 
| 153 | 
            -
                    }
         | 
| 154 | 
            -
                  };
         | 
| 155 | 
            -
                  const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
         | 
| 156 | 
            -
                  const parsedStylesWithBreakpoints = parseStyle(styleWithBreakpoints, breakpoint, screenSize, breakpointPairs);
         | 
| 157 | 
            -
                  expect(parsedStyles).toEqual({
         | 
| 158 | 
            -
                    shadowOffset: {
         | 
| 159 | 
            -
                      width: 0,
         | 
| 160 | 
            -
                      height: 4
         | 
| 161 | 
            -
                    }
         | 
| 162 | 
            -
                  });
         | 
| 163 | 
            -
                  expect(parsedStylesWithBreakpoints).toEqual({
         | 
| 164 | 
            -
                    shadowOffset: {
         | 
| 165 | 
            -
                      width: 0,
         | 
| 166 | 
            -
                      height: 10
         | 
| 167 | 
            -
                    }
         | 
| 168 | 
            -
                  });
         | 
| 169 | 
            -
                });
         | 
| 170 | 
            -
              });
         | 
| 171 | 
            -
            });
         | 
| 172 | 
            -
            //# sourceMappingURL=styles.spec.js.map
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"names":["parseStyle","proxifyFunction","describe","it","screenSize","width","height","breakpoint","breakpoints","xs","sm","md","breakpointPairs","Object","entries","dynamicFunction","isEven","backgroundColor","expect","toEqual","style","fontSize","fontWeight","parsedStyles","transform","translateX","translateY","shadowOffset","styleWithBreakpoints","parsedStylesWithBreakpoints"],"sourceRoot":"../../../src","sources":["utils/styles.spec.ts"],"mappings":"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"}
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"file":"breakpoints.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.spec.ts"],"names":[],"mappings":""}
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"file":"mediaQueries.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/mediaQueries.spec.ts"],"names":[],"mappings":""}
         | 
| @@ -1 +0,0 @@ | |
| 1 | 
            -
            {"version":3,"file":"styles.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.spec.ts"],"names":[],"mappings":""}
         |