@orfium/ictinus 4.80.3 → 4.82.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/components/utils/ClickAwayListener/ClickAwayListener.js

@@ -2,24 +2,27 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _excluded = ["onClick", "CustomHtmlTag", "ariaRole", "cssStyles"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var useClickAwayListener = function useClickAwayListener(ref, onClick) {
-  var handleClickOutside = function handleClickOutside(event) {
+var useClickAwayListener = function useClickAwayListener(ref, onClick, useCapture) {
+  if (useCapture === void 0) {
+    useCapture = true;
+  }
+  var handleClickOutside = (0, _react.useCallback)(function (event) {
     if (ref.current && !ref.current.contains(event.target)) {
-      onClick();
+      onClick(event);
     }
-  };
-  React.useEffect(function () {
-    document.addEventListener('mousedown', handleClickOutside);
+  }, [onClick, ref]);
+  (0, _react.useEffect)(function () {
+    document.addEventListener('click', handleClickOutside, useCapture);
     return function () {
-      document.removeEventListener('mousedown', handleClickOutside);
+      document.removeEventListener('click', handleClickOutside, useCapture);
     };
-  });
+  }, [handleClickOutside, useCapture]);
 };
 var ClickAwayListener = function ClickAwayListener(_ref) {
   var onClick = _ref.onClick,
@@ -29,7 +32,7 @@ var ClickAwayListener = function ClickAwayListener(_ref) {
     ariaRole = _ref$ariaRole === void 0 ? 'button' : _ref$ariaRole,
     cssStyles = _ref.cssStyles,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var wrapperRef = React.useRef(null);
+  var wrapperRef = _react["default"].useRef(null);
   useClickAwayListener(wrapperRef, onClick);
   return (0, _react2.jsx)(CustomHtmlTag, {
     role: ariaRole,

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.82.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",