@ornikar/kitt-universal 3.2.0 → 3.3.0

package/dist/definitions/utils/windowSize/createWindowSizeHelper.d.ts

@@ -1,3 +1,4 @@
+import type { FlattenSimpleInterpolation } from 'styled-components';
 import type { MatchWindowSizeOptions } from './useMatchWindowSize';
 export interface WindowSizeHelper {
     /** Prefer using if or map variants, at it should be more web friendly */
@@ -15,7 +16,7 @@ export interface WindowSizeHelper {
      * `;
      * ```
      */
-    ifWindowSizeMatches: <T extends string | null>(options: MatchWindowSizeOptions, valueIfTrue: T, valueIfFalse: T) => T;
+    ifWindowSizeMatches: <T extends string | FlattenSimpleInterpolation | null>(options: MatchWindowSizeOptions, valueIfTrue: T, valueIfFalse?: T) => T | undefined;
     /**
      *
      * @example
@@ -32,5 +33,9 @@ export interface WindowSizeHelper {
      */
     mapWindowWidth: <V extends string>(...widthList: [number, V][]) => V | null;
 }
-export declare function createWindowSizeHelper(currentWidth: number): WindowSizeHelper;
+export interface WindowDimensions {
+    width?: number;
+    height?: number;
+}
+export declare function createWindowSizeHelper(dimensions: WindowDimensions): WindowSizeHelper;
 //# sourceMappingURL=createWindowSizeHelper.d.ts.map

package/dist/definitions/utils/windowSize/createWindowSizeHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createWindowSizeHelper.d.ts","sourceRoot":"","sources":["../../../../src/utils/windowSize/createWindowSizeHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGnE,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,eAAe,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;IAE9D;;;;;;;;;;;;OAYG;IACH,mBAAmB,EAAE,CAAC,CAAC,SAAS,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,sBAAsB,EAAE,WAAW,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;IAEtH;;;;;;;;;;;;;OAaG;IACH,cAAc,EAAE,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;CAC7E;AAED,wBAAgB,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAyB7E"}
+{"version":3,"file":"createWindowSizeHelper.d.ts","sourceRoot":"","sources":["../../../../src/utils/windowSize/createWindowSizeHelper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAGnE,MAAM,WAAW,gBAAgB;IAC/B,yEAAyE;IACzE,eAAe,EAAE,CAAC,OAAO,EAAE,sBAAsB,KAAK,OAAO,CAAC;IAE9D;;;;;;;;;;;;OAYG;IACH,mBAAmB,EAAE,CAAC,CAAC,SAAS,MAAM,GAAG,0BAA0B,GAAG,IAAI,EACxE,OAAO,EAAE,sBAAsB,EAC/B,WAAW,EAAE,CAAC,EACd,YAAY,CAAC,EAAE,CAAC,KACb,CAAC,GAAG,SAAS,CAAC;IAEnB;;;;;;;;;;;;;OAaG;IACH,cAAc,EAAE,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC;CAC7E;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,sBAAsB,CAAC,UAAU,EAAE,gBAAgB,GAAG,gBAAgB,CAuBrF"}

package/dist/definitions/utils/windowSize/useMatchWindowSize.d.ts

@@ -1,7 +1,10 @@
+import type { WindowDimensions } from './createWindowSizeHelper';
 export interface MatchWindowSizeOptions {
-    minWidth: number;
+    minWidth?: number;
     maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
 }
-export declare function matchWindowSize(currentWidth: number, { minWidth, maxWidth }: MatchWindowSizeOptions): boolean;
+export declare function matchWindowSize({ width, height }: WindowDimensions, { minWidth, maxWidth, minHeight, maxHeight }: MatchWindowSizeOptions): boolean;
 export declare function useMatchWindowSize(options: MatchWindowSizeOptions): boolean;
 //# sourceMappingURL=useMatchWindowSize.d.ts.map

package/dist/definitions/utils/windowSize/useMatchWindowSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMatchWindowSize.d.ts","sourceRoot":"","sources":["../../../../src/utils/windowSize/useMatchWindowSize.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,sBAAsB,GAAG,OAAO,CAE7G;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAG3E"}
+{"version":3,"file":"useMatchWindowSize.d.ts","sourceRoot":"","sources":["../../../../src/utils/windowSize/useMatchWindowSize.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,wBAAgB,eAAe,CAC7B,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,EACnC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,sBAAsB,GACnE,OAAO,CAIT;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,sBAAsB,GAAG,OAAO,CAG3E"}

package/dist/index-browser-all.es.android.js

@@ -3368,25 +3368,35 @@ function TypographyLink(_ref4) {
   }));
 }
 
-function matchWindowSize(currentWidth, _ref) {
-  var minWidth = _ref.minWidth,
-      maxWidth = _ref.maxWidth;
-  return currentWidth >= minWidth && (!maxWidth || currentWidth <= maxWidth);
+function matchWindowSize(_ref, _ref2) {
+  var width = _ref.width,
+      height = _ref.height;
+  var minWidth = _ref2.minWidth,
+      maxWidth = _ref2.maxWidth,
+      minHeight = _ref2.minHeight,
+      maxHeight = _ref2.maxHeight;
+  var hasWidthMatched = width ? (!minWidth || width >= minWidth) && (!maxWidth || width <= maxWidth) : true;
+  var hasHeightMatched = height ? (!minHeight || height >= minHeight) && (!maxHeight || height <= maxHeight) : true;
+  return hasWidthMatched && hasHeightMatched;
 }
 function useMatchWindowSize(options) {
   var _useWindowDimensions = useWindowDimensions(),
-      width = _useWindowDimensions.width;
+      width = _useWindowDimensions.width,
+      height = _useWindowDimensions.height;
 
-  return matchWindowSize(width, options);
+  return matchWindowSize({
+    width: width,
+    height: height
+  }, options);
 }
 
-function createWindowSizeHelper(currentWidth) {
+function createWindowSizeHelper(dimensions) {
   return {
     matchWindowSize: function matchWindowSize$1(options) {
-      return matchWindowSize(currentWidth, options);
+      return matchWindowSize(dimensions, options);
     },
     ifWindowSizeMatches: function ifWindowSizeMatches(options, valueIfTrue, valueIfFalse) {
-      return matchWindowSize(currentWidth, options) ? valueIfTrue : valueIfFalse;
+      return matchWindowSize(dimensions, options) ? valueIfTrue : valueIfFalse;
     },
     mapWindowWidth: function mapWindowWidth() {
       for (var _len = arguments.length, widthList = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -3411,7 +3421,7 @@ function createWindowSizeHelper(currentWidth) {
             minWidth = _ref4[0];
             _ref4[1];
 
-        return matchWindowSize(currentWidth, {
+        return matchWindowSize(dimensions, {
           minWidth: Number(minWidth)
         });
       });
@@ -3422,16 +3432,14 @@ function createWindowSizeHelper(currentWidth) {
 }
 
 function useKittTheme() {
-  var _useWindowSize = useWindowDimensions(),
-      width = _useWindowSize.width;
-
+  var dimensions = useWindowDimensions();
   return useMemo(function () {
     return {
       kitt: theme,
-      responsive: createWindowSizeHelper(width),
+      responsive: createWindowSizeHelper(dimensions),
       breakpoints: breakpoints
     };
-  }, [width]);
+  }, [dimensions]);
 }
 
 function KittThemeProvider(_ref) {