@orfium/ictinus 4.80.3 → 4.81.0

package/dist/components/Button/Button.d.ts

@@ -6,5 +6,5 @@ export declare type Props = ButtonBaseProps & TestProps & onClickProp;
 declare type onClickProp = {
     onClick: ClickHandler;
 };
-declare const Button: React.ForwardRefExoticComponent<ButtonBaseProps & TestProps & onClickProp & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonBaseProps & TestProps & onClickProp & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "css" | "onBlur" | "onClick">> & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/dist/components/ButtonBase/ButtonBase.d.ts

@@ -38,5 +38,5 @@ export declare type Props = {
         container?: CSSObject;
     };
 };
-declare const ButtonBase: React.ForwardRefExoticComponent<Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & Props & TestProps & EventButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ButtonBase: React.ForwardRefExoticComponent<Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "css" | "onBlur" | "onClick">> & Props & TestProps & EventButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default ButtonBase;

package/dist/components/Chip/Chip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const Chip: React.ForwardRefExoticComponent<import("./Chip.types").Props & import("../../utils/types").TestProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size" | "css" | "onBlur" | "onClick" | "type">> & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
+declare const Chip: React.ForwardRefExoticComponent<import("./Chip.types").Props & import("../../utils/types").TestProps & Partial<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size" | "css" | "onBlur" | "onClick">> & React.RefAttributes<HTMLButtonElement | HTMLDivElement>>;
 export default Chip;

package/dist/hooks/useBreakpoints.d.ts

@@ -1,4 +1,4 @@
 export declare const queriesKeys: readonly ["des1920", "des1440", "des1366", "des1200", "tab1024", "tab970", "tab750", "mob480", "mob320"];
-export declare const queriesSizes: Record<typeof queriesKeys[number], string>;
-declare const useBreakpoints: () => import("react-media").QueryResults<Record<"des1920" | "des1440" | "des1366" | "des1200" | "tab1024" | "tab970" | "tab750" | "mob480" | "mob320", string>>;
+export declare const queriesSizes: Record<(typeof queriesKeys)[number], number>;
+export declare const useBreakpoints: () => Record<"des1920" | "des1440" | "des1366" | "des1200" | "tab1024" | "tab970" | "tab750" | "mob480" | "mob320", boolean>;
 export default useBreakpoints;

package/dist/hooks/useBreakpoints.js

@@ -1,29 +1,37 @@
 "use strict";
 
 exports.__esModule = true;
-exports.queriesSizes = exports.queriesKeys = exports["default"] = void 0;
-var _toPairs = _interopRequireDefault(require("lodash/toPairs"));
-var _reactMedia = require("react-media");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+exports.useBreakpoints = exports.queriesSizes = exports.queriesKeys = exports["default"] = void 0;
+var _reactResponsive = require("react-responsive");
 var queriesKeys = exports.queriesKeys = ['des1920', 'des1440', 'des1366', 'des1200', 'tab1024', 'tab970', 'tab750', 'mob480', 'mob320'];
 var queriesSizes = exports.queriesSizes = {
-  des1920: '1920',
-  des1440: '1440',
-  des1366: '1366',
-  des1200: '1200',
-  tab1024: '1024',
-  tab970: '970',
-  tab750: '750',
-  mob480: '480',
-  mob320: '320'
+  des1920: 1920,
+  des1440: 1440,
+  des1366: 1366,
+  des1200: 1200,
+  tab1024: 1024,
+  tab970: 970,
+  tab750: 750,
+  mob480: 480,
+  mob320: 320
 };
-var queries = (0, _toPairs["default"])(queriesSizes).reduce(function (acc, size) {
-  acc[size[0]] = "(min-width: " + size[1] + "px)";
-  return acc;
-}, {});
-var useBreakpoints = function useBreakpoints() {
-  return (0, _reactMedia.useMedia)({
-    queries: queries
+var useIctinusMediaQuery = function useIctinusMediaQuery(key) {
+  return (0, _reactResponsive.useMediaQuery)({
+    minWidth: queriesSizes[key]
   });
 };
+var useBreakpoints = exports.useBreakpoints = function useBreakpoints() {
+  var breakpoints = {
+    des1920: useIctinusMediaQuery('des1920'),
+    des1440: useIctinusMediaQuery('des1440'),
+    des1366: useIctinusMediaQuery('des1366'),
+    des1200: useIctinusMediaQuery('des1200'),
+    tab1024: useIctinusMediaQuery('tab1024'),
+    tab970: useIctinusMediaQuery('tab970'),
+    tab750: useIctinusMediaQuery('tab750'),
+    mob480: useIctinusMediaQuery('mob480'),
+    mob320: useIctinusMediaQuery('mob320')
+  };
+  return breakpoints;
+};
 var _default = exports["default"] = useBreakpoints;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.80.3",
+  "version": "4.81.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -106,8 +106,8 @@
     "polished": "^3.4.4",
     "react-fast-compare": "^3.2.0",
     "react-highlight-words": "^0.20.0",
-    "react-media": "^2.0.0-rc.1",
     "react-range": "^1.8.12",
+    "react-responsive": "^9.0.2",
     "react-switch": "^6.0.0",
     "react-window": "^1.8.6",
     "recharts": "^2.8.0",