intelicoreact 1.6.22 → 1.6.24

package/dist/Functions/useInputHighlightError.js

@@ -1 +1,67 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}function t(t,n){return function(r){if(Array.isArray(r))return r}(t)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var i=[],l=!0,u=!1;try{for(o=o.call(r);!(l=(n=o.next()).done)&&(i.push(n.value),!t||i.length!==t);l=!0);}catch(r){u=!0,e=r}finally{try{l||null==o.return||o.return()}finally{if(u)throw e}}return i}}(t,n)||function(t,n){if(t){if("string"==typeof t)return r(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{useEffect as n,useState as e}from"react";import{KEYBOARD_SERVICE_KEYS as o}from"../Constants/index.constants";export var useInputHighlightError=function(r){var i=r.value,l=r.blinkTime,u=r.isUseErrorsBlink,a=t(e(!1),2),c=a[0],s=a[1],f=t(e(!1),2),h=f[0],g=f[1],m=t(e(i),2),p=m[0],y=m[1];return n(function(){u&&h&&(g(null),s(!0),setTimeout(function(){s(!1)},l||100))},[h]),{isToHighlightError:c,setPreviousValue:y,setIsToHighlightError:s,hasHighlightError:function(r){var t="".concat(null!=i?i:""),n="".concat(null!=p?p:""),e=n.length<=t.length?n:t,l=n.length>t.length?n:t,u=e.split("").reduce(function(r,t,n){return r.countOn&&t===l[n]?r.same.push(t):(r.countOn=!1,r.differences.push([n,t])),r},{same:[],countOn:!0,differences:[]}),a=u.same.join(""),c=u.differences.length,s=null==t?void 0:t.replace(a,"");o.includes(r.key)||t!==n||g(!(!c&&r.key===s))}}};export default useInputHighlightError;
+import React, { useEffect, useState } from "react";
+
+import { KEYBOARD_SERVICE_KEYS } from "../Constants/index.constants";
+
+export const useInputHighlightError = ({
+  value,
+  blinkTime,
+  isUseErrorsBlink,
+}) => {
+  const DEFAULT_BLINK_TIME = 100;
+  const [isToHighlightError, setIsToHighlightError] = useState(false);
+  const [isAttemptToChange, setIsAttemptToChange] = useState(false);
+  const [prevValue, setPreviousValue] = useState(value);
+
+  function hasHighlightError(e) {
+    const changedValue = `${value ?? ""}`;
+    const previousValue = `${prevValue ?? ""}`;
+
+    const short =
+      previousValue.length <= changedValue.length
+        ? previousValue
+        : changedValue;
+    const long =
+      previousValue.length > changedValue.length ? previousValue : changedValue;
+
+    const infoAboutDifferencesSameness = short.split("").reduce(
+      (acc, symbol, idx) => {
+        if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);
+        else {
+          acc.countOn = false;
+          acc.differences.push([idx, symbol]);
+        }
+        return acc;
+      },
+      { same: [], countOn: true, differences: [] },
+    );
+
+    const samePart = infoAboutDifferencesSameness.same.join("");
+    const differencesLength = infoAboutDifferencesSameness.differences.length;
+    const currentSet = changedValue?.replace(samePart, "");
+
+    if (
+      !KEYBOARD_SERVICE_KEYS.includes(e.key) &&
+      changedValue === previousValue
+    )
+      setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+  }
+
+  useEffect(() => {
+    if (isUseErrorsBlink && isAttemptToChange) {
+      setIsAttemptToChange(null);
+      setIsToHighlightError(true);
+      setTimeout(() => {
+        setIsToHighlightError(false);
+      }, blinkTime || DEFAULT_BLINK_TIME);
+    }
+  }, [isAttemptToChange]);
+
+  return {
+    isToHighlightError,
+    setPreviousValue,
+    setIsToHighlightError,
+    hasHighlightError,
+  };
+};
+
+export default useInputHighlightError;

package/dist/Functions/useIsMobile/useIsMobile.js

@@ -1 +1,33 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return e}});var t=require("react"),e=function(){var e,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},o=n.isWithoutWidthCheck,i=function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},a=(e=(0,t.useState)(i()),function(r){if(Array.isArray(r))return r}(e)||function(r,t){var e,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var i=[],a=!0,u=!1;try{for(o=o.call(r);!(a=(e=o.next()).done)&&(i.push(e.value),i.length!==t);a=!0);}catch(r){u=!0,n=r}finally{try{a||null==o.return||o.return()}finally{if(u)throw n}}return i}}(e,2)||function(t,e){if(t){if("string"==typeof t)return r(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=a[0],l=a[1];return(0,t.useEffect)(function(){i()&&l(!0)},[navigator.userAgent]),{isMobile:u&&(void 0!==o&&o||window.screen.width<=768)}};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+/**
+ * Hook to detect if the current device is a mobile device
+ * @param props - Configuration options
+ * @param props.isWithoutWidthCheck - If true, only checks user agent without width verification
+ * @returns Object containing isMobile flag
+ */ function useIsMobile({ isWithoutWidthCheck = false } = {}) {
+    const getIsMobile = ()=>{
+        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
+    };
+    const [isMobile, setIsMobile] = (0, _react.useState)(getIsMobile());
+    (0, _react.useEffect)(()=>{
+        if (getIsMobile()) {
+            setIsMobile(true);
+        }
+    }, [
+        navigator.userAgent
+    ]);
+    return {
+        isMobile: isMobile && (isWithoutWidthCheck || window.screen.width <= 768)
+    };
+}
+const _default = useIsMobile;

package/dist/Functions/useKeyPress/useHandleKeyPress.js

@@ -1 +1,52 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});var e,t=require("react"),r=(e=require("./useKeyPress"))&&e.__esModule?e:{default:e},u=function(e){var u=e.escCallback,n=e.enterCallback,a=e.withClamping,f=void 0===a||a,o=(0,r.default)("Enter",f),c=(0,r.default)("Escape",f);(0,t.useEffect)(function(){o&&"function"==typeof n&&n(),c&&"function"==typeof u&&u()},[n,u,o,c])};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+const _useKeyPress = /*#__PURE__*/ _interop_require_default(require("./useKeyPress"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+/**
+ * A hook that handles Enter and Escape key press events
+ *
+ * @param props - Configuration object for key press handling
+ * @param props.escCallback - Function to be called when Escape key is pressed
+ * @param props.enterCallback - Function to be called when Enter key is pressed
+ * @param props.withClamping - Whether to allow key repeat events (default: true)
+ *
+ * @example
+ * ```tsx
+ * function Component() {
+ *   useHandleKeyPress({
+ *     escCallback: () => console.log('Esc pressed'),
+ *     enterCallback: () => console.log('Enter pressed'),
+ *   });
+ * }
+ * ```
+ */ function useHandleKeyPress({ escCallback, enterCallback, withClamping = true }) {
+    const isPressEnter = (0, _useKeyPress.default)('Enter', withClamping);
+    const isPressEscape = (0, _useKeyPress.default)('Escape', withClamping);
+    (0, _react.useEffect)(()=>{
+        if (isPressEnter && typeof enterCallback === 'function') {
+            enterCallback();
+        }
+        if (isPressEscape && typeof escCallback === 'function') {
+            escCallback();
+        }
+    }, [
+        enterCallback,
+        escCallback,
+        isPressEnter,
+        isPressEscape
+    ]);
+}
+const _default = useHandleKeyPress;

package/dist/Functions/useKeyPress/useKeyPress.js

@@ -1 +1,52 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return t}});var r=require("react"),t=function(t){var n,o=!(arguments.length>1)||void 0===arguments[1]||arguments[1],u=(n=(0,r.useState)(!1),function(e){if(Array.isArray(e))return e}(n)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var u=[],i=!0,a=!1;try{for(o=o.call(e);!(i=(t=o.next()).done)&&(u.push(t.value),u.length!==r);i=!0);}catch(e){a=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return u}}(n,2)||function(r,t){if(r){if("string"==typeof r)return e(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}(n,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=u[0],a=u[1],l=(0,r.useCallback)(function(e){var r=e.key,n=e.repeat;if(r===t){if(!o&&n)return;a(!0)}},[o,t]),f=(0,r.useCallback)(function(e){var r=e.key,n=e.repeat;if(r===t){if(!o&&n)return;a(!1)}},[o,t]);return(0,r.useEffect)(function(){var e=function(e){return l(e)},r=function(e){return f(e)};return window.addEventListener("keydown",e),window.addEventListener("keyup",r),function(){window.removeEventListener("keydown",e),window.removeEventListener("keyup",r)}},[l,f]),i};
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _react = require("react");
+/**
+ * A hook that detects when a specific key is pressed
+ * @param targetKey - The key to listen for
+ * @param clamping - Whether to allow key repeat events
+ * @returns boolean indicating if the target key is currently pressed
+ */ function useKeyPress(targetKey, clamping = true) {
+    const [keyPressed, setKeyPressed] = (0, _react.useState)(false);
+    const downHandler = (0, _react.useCallback)(({ key, repeat })=>{
+        if (key === targetKey) {
+            if (!clamping && repeat) return;
+            setKeyPressed(true);
+        }
+    }, [
+        clamping,
+        targetKey
+    ]);
+    const upHandler = (0, _react.useCallback)(({ key, repeat })=>{
+        if (key === targetKey) {
+            if (!clamping && repeat) return;
+            setKeyPressed(false);
+        }
+    }, [
+        clamping,
+        targetKey
+    ]);
+    (0, _react.useEffect)(()=>{
+        const handleDown = (event)=>downHandler(event);
+        const handleUp = (event)=>upHandler(event);
+        window.addEventListener('keydown', handleDown);
+        window.addEventListener('keyup', handleUp);
+        return ()=>{
+            window.removeEventListener('keydown', handleDown);
+            window.removeEventListener('keyup', handleUp);
+        };
+    }, [
+        downHandler,
+        upHandler
+    ]);
+    return keyPressed;
+}
+const _default = useKeyPress;

package/dist/Functions/useLocalStorage.js

@@ -1 +1,34 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=Array(r);n<r;n++)e[n]=t[n];return e}import{useState as r}from"react";export default function(n,e){var o,a=(o=r(function(){if("undefined"==typeof window)return e;try{var t=window.localStorage.getItem(n);return t?JSON.parse(t):e}catch(t){return e}}),function(t){if(Array.isArray(t))return t}(o)||function(t,r){var n,e,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var a=[],i=!0,l=!1;try{for(o=o.call(t);!(i=(n=o.next()).done)&&(a.push(n.value),a.length!==r);i=!0);}catch(t){l=!0,e=t}finally{try{i||null==o.return||o.return()}finally{if(l)throw e}}return a}}(o,2)||function(r,n){if(r){if("string"==typeof r)return t(r,2);var e=Object.prototype.toString.call(r).slice(8,-1);if("Object"===e&&r.constructor&&(e=r.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(r,n)}}(o,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],l=a[1];return[i,function(t){try{var r,e=(r=Function,null!=r&&"undefined"!=typeof Symbol&&r[Symbol.hasInstance]?!!r[Symbol.hasInstance](t):t instanceof r)?t(i):t;l(e),"undefined"!=typeof window&&window.localStorage.setItem(n,JSON.stringify(e))}catch(t){}}]}
+import { useState } from "react";
+
+const useLocalStorage = (key, initialValue) => {
+  const [storedValue, setStoredValue] = useState(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+      return initialValue;
+    }
+  });
+
+  const setValue = (value) => {
+    try {
+      const valueToStore =
+        value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
+      if (typeof window !== "undefined") {
+        window.localStorage.setItem(key, JSON.stringify(valueToStore));
+      }
+    } catch (error) {
+      // eslint-disable-next-line no-console
+      console.log(error);
+    }
+  };
+
+  return [storedValue, setValue];
+};
+export default useLocalStorage;

package/dist/Functions/useLocationParams.js

@@ -1 +1,27 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}function t(r,t,e){return t in r?Object.defineProperty(r,t,{value:e,enumerable:!0,configurable:!0,writable:!0}):r[t]=e,r}function e(r){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(r){return Object.getOwnPropertyDescriptor(n,r).enumerable}))),o.forEach(function(e){t(r,e,n[e])})}return r}import{useEffect as n,useState as o}from"react";export default function c(){var c,i=(c=o({}),function(r){if(Array.isArray(r))return r}(c)||function(r,t){var e,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var c=[],i=!0,u=!1;try{for(o=o.call(r);!(i=(e=o.next()).done)&&(c.push(e.value),c.length!==t);i=!0);}catch(r){u=!0,n=r}finally{try{i||null==o.return||o.return()}finally{if(u)throw n}}return c}}(c,2)||function(t,e){if(t){if("string"==typeof t)return r(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}}(c,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=i[0],l=i[1];return n(function(){l(function(r){var n;return e({},r,(null==(n=window.location.search)?void 0:n.replace("?","").split("&")).reduce(function(r,n){var o,c,i=n.split("="),u=i[0],l=i[1];return o=e({},r),c=null!=(c=t({},u,l))?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):(function(r,t){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e.push.apply(e,n)}return e})(Object(c)).forEach(function(r){Object.defineProperty(o,r,Object.getOwnPropertyDescriptor(c,r))}),o},{}))})},[window.location.search]),u}
+import { useEffect, useState } from "react";
+
+export default function useLocationParams() {
+  const [params, setParams] = useState({});
+
+  useEffect(() => {
+    setParams((state) => {
+      const arr = window.location.search?.replace("?", "").split("&");
+
+      return {
+        ...state,
+        ...arr.reduce((obj, item) => {
+          const keyVal = item.split("=");
+          const key = keyVal[0];
+          const value = keyVal[1];
+
+          return {
+            ...obj,
+            [key]: value,
+          };
+        }, {}),
+      };
+    });
+  }, [window.location.search]);
+
+  return params;
+}

package/dist/Functions/useMediaQuery.js

@@ -1 +1,17 @@
-import{useSyncExternalStore as n}from"react";function e(n){var e=new ResizeObserver(function(){return n()});return e.observe(document.documentElement),function(){return e.disconnect()}}export default function(t){return n(e,function(){return window.matchMedia(t).matches},function(){return!1})}
+import { useSyncExternalStore } from "react";
+
+function subscribe(callback) {
+  const observer = new ResizeObserver(() => callback());
+  observer.observe(document.documentElement);
+  return () => observer.disconnect();
+}
+
+const useMediaQuery = (query) => {
+  return useSyncExternalStore(
+    subscribe,
+    () => window.matchMedia(query).matches,
+    () => false,
+  );
+};
+
+export default useMediaQuery;

package/dist/Functions/useMetaInfo.js

@@ -1 +1,43 @@
-function r(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}function e(e,t){return function(r){if(Array.isArray(r))return r}(e)||function(r,e){var t,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(r);!(a=(t=o.next()).done)&&(i.push(t.value),!e||i.length!==e);a=!0);}catch(r){l=!0,n=r}finally{try{a||null==o.return||o.return()}finally{if(l)throw n}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return r(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{useEffect as t,useState as n}from"react";export var useMetaInfo=function(){var r=e(n("Other"),2),o=r[0],i=r[1],a=e(n("desktop"),2),l=a[0],u=a[1],f=e(n(!1),2),c=f[0],s=f[1],m=e(n(null),2),d=m[0],h=m[1],y=e(n(null),2),p=y[0],b=y[1];return t(function(){var r=navigator.userAgent;-1!==r.indexOf("Chrome")?(i("Chrome"),h(r.match(/Chrom(e|ium)\/([0-9\.]+)/)[2])):-1!==r.indexOf("Safari")&&i("Safari");var e=((r.match(/(CPU|iPhone).*OS (\d+_?\d*)|CPU like Mac OS X/i)||[])[2]||"0").replace("_","."),t=parseFloat(e);s(!isNaN(t)),isNaN(t)||b(e),/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(r)&&u("mobile")},[]),{browser:o,device:l,isiOS:c,chromeVersion:d,iOSVersion:p}};export default useMetaInfo;
+import { useEffect, useState } from "react";
+
+export const useMetaInfo = () => {
+  const [browser, setBrowser] = useState("Other");
+  const [device, setDevice] = useState("desktop");
+  const [isiOS, setIsiOS] = useState(false);
+  const [chromeVersion, setChromeVersion] = useState(null);
+  const [iOSVersion, setiOSVersion] = useState(null);
+
+  useEffect(() => {
+    const userAgent = navigator.userAgent;
+
+    if (userAgent.indexOf("Chrome") !== -1) {
+      setBrowser("Chrome");
+
+      // Извлечение версии Chrome
+      const version = userAgent.match(/Chrom(e|ium)\/([0-9\.]+)/)[2];
+      setChromeVersion(version);
+    } else if (userAgent.indexOf("Safari") !== -1) setBrowser("Safari");
+
+    const iOSV = (
+      (userAgent.match(/(CPU|iPhone).*OS (\d+_?\d*)|CPU like Mac OS X/i) ||
+        [])[2] || "0"
+    ).replace("_", ".");
+    const iOSVersion = parseFloat(iOSV);
+
+    setIsiOS(!isNaN(iOSVersion));
+    if (!isNaN(iOSVersion)) {
+      setiOSVersion(iOSV); // Записываем версию iOS
+    }
+
+    if (
+      /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+        userAgent,
+      )
+    )
+      setDevice("mobile");
+  }, []);
+
+  return { browser, device, isiOS, chromeVersion, iOSVersion }; // Возврат версий Chrome и iOS
+};
+
+export default useMetaInfo;

package/dist/Functions/useMouseUpOutside.js

@@ -1 +1,16 @@
-import{useEffect as t}from"react";export default function e(e,n,r){function u(t){e.current&&!e.current.contains(t.target)&&n(r)}t(function(){return document.addEventListener("mouseup",u),function(){document.removeEventListener("mouseup",u)}},[e])}
+import { useEffect } from "react";
+
+export default function useMouseUpOutside(ref, setOut, open) {
+  function handleMouseUpOutside(event) {
+    if (ref.current && !ref.current.contains(event.target)) {
+      setOut(open);
+    }
+  }
+
+  useEffect(() => {
+    document.addEventListener("mouseup", handleMouseUpOutside);
+    return () => {
+      document.removeEventListener("mouseup", handleMouseUpOutside);
+    };
+  }, [ref]);
+}

package/dist/Functions/useOnlineStatus.js

@@ -1 +1,29 @@
-function n(n,t){(null==t||t>n.length)&&(t=n.length);for(var r=0,e=Array(t);r<t;r++)e[r]=n[r];return e}import{useEffect as t,useState as r}from"react";export default function(){var e,o=(e=r("undefined"==typeof navigator||"boolean"!=typeof navigator.onLine||navigator.onLine),function(n){if(Array.isArray(n))return n}(e)||function(n,t){var r,e,o=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=o){var i=[],a=!0,u=!1;try{for(o=o.call(n);!(a=(r=o.next()).done)&&(i.push(r.value),i.length!==t);a=!0);}catch(n){u=!0,e=n}finally{try{a||null==o.return||o.return()}finally{if(u)throw e}}return i}}(e,2)||function(t,r){if(t){if("string"==typeof t)return n(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return n(t,r)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=o[0],a=o[1],u=function(){return a(!0)},l=function(){return a(!1)};return t(function(){return window.addEventListener("online",u),window.addEventListener("offline",l),function(){window.removeEventListener("online",u),window.removeEventListener("offline",l)}},[]),i}
+import { useEffect, useState } from "react";
+
+const useOnlineStatus = () => {
+  function getOnlineStatus() {
+    return typeof navigator !== "undefined" &&
+      typeof navigator.onLine === "boolean"
+      ? navigator.onLine
+      : true;
+  }
+  const [onlineStatus, setOnlineStatus] = useState(getOnlineStatus());
+
+  const goOnline = () => setOnlineStatus(true);
+
+  const goOffline = () => setOnlineStatus(false);
+
+  useEffect(() => {
+    window.addEventListener("online", goOnline);
+    window.addEventListener("offline", goOffline);
+
+    return () => {
+      window.removeEventListener("online", goOnline);
+      window.removeEventListener("offline", goOffline);
+    };
+  }, []);
+
+  return onlineStatus;
+};
+
+export default useOnlineStatus;

package/dist/Functions/usePasswordChecker.js

@@ -1 +1,110 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function r(r){return function(r){if(Array.isArray(r))return e(r)}(r)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||t(r)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(r,t){if(r){if("string"==typeof r)return e(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(r,t)}}import{jsxs as n}from"react/jsx-runtime";import{useState as o}from"react";import a from"classnames";export default function c(){var e,c=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},i=c.label,s=void 0===i?"Password must:":i,l=(e=o([]),function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],c=!0,i=!1;try{for(o=o.call(e);!(c=(t=o.next()).done)&&(a.push(t.value),a.length!==r);c=!0);}catch(e){i=!0,n=e}finally{try{c||null==o.return||o.return()}finally{if(i)throw n}}return a}}(e,2)||t(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=l[0],f=l[1],d=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",n=r.min,o=r.max;switch(e){case"len":if(n&&t.length<n||o&&t.length>o)return!1;return!0;case"lowerCaseContains":var a=t.slice().toUpperCase().split("");return t.slice().split("").reduce(function(e,r,t){return r!==a[t]&&(e=!0),e},!1);case"upperCaseContains":var c=t.slice().toLowerCase().split("");return t.slice().split("").reduce(function(e,r,t){return r!==c[t]&&(e=!0),e},!1);case"numberContains":return t.slice().split("").reduce(function(e,r){return Number.isInteger(parseInt(r,10))&&(e=!0),e},!1);case"specialContains":return t.slice().split("").reduce(function(e,r){return Number.isInteger(parseInt(r,10))||r.match(/[a-z]/i)||(e=!0),e},!1);default:return!1}};return{addCheckRule:function(e){return f(function(t){return r(t).concat([e])})},testCheckRules:function(e){var t=!0;return f(function(n){return r(n).map(function(r){var n,o,a=d(r.type,r.props,e);return a||(t=!1),n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({},r),o=o={isMatch:a},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(o)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}),n})}),t},renderPasswordChecker:function(){return n("div",{className:"password-checker",children:[n("div",{className:"password-checker__header",children:[n("label",{className:"password-checker__header-label",children:[" ",s," "]})," "]})," ",n("div",{className:"password-checker__body",children:[" ",u.map(function(e){var r=e.icon,t=e.text,o=e.isMatch,c=e.key;return n("div",{className:a("password-checker__body-item",{"password-checker__body-item--match":o&&null!==o,"password-checker__body-item--dont-match":!o&&null!==o}),children:[n("div",{className:"password-checker__body-item__icon",children:[" ",r," "]})," ",n("div",{className:"password-checker__body-item__text",children:[" ",t," "]})," "]},c)})," "]})," "]})}}}
+import React, { useState } from "react";
+
+import cn from "classnames";
+
+export default function usePasswordChecker({ label = "Password must:" } = {}) {
+  const [checkRules, setCheckRules] = useState([]);
+  const addCheckRule = (data) => setCheckRules((state) => [...state, data]);
+  const handleCheckRule = (type, props = {}, value = "") => {
+    const { min, max } = props;
+
+    switch (type) {
+      case "len":
+        if (min && value.length < min) return false;
+        if (max && value.length > max) return false;
+        return true;
+
+      case "lowerCaseContains": {
+        const toUpperCase = value.slice().toUpperCase().split("");
+        const original = value.slice().split("");
+
+        return original.reduce((isMatch, char, i) => {
+          if (char !== toUpperCase[i]) isMatch = true;
+
+          return isMatch;
+        }, false);
+      }
+
+      case "upperCaseContains": {
+        const toLowerCase = value.slice().toLowerCase().split("");
+        const original = value.slice().split("");
+
+        return original.reduce((isMatch, char, i) => {
+          if (char !== toLowerCase[i]) isMatch = true;
+
+          return isMatch;
+        }, false);
+      }
+
+      case "numberContains": {
+        const original = value.slice().split("");
+        return original.reduce((isMatch, char) => {
+          if (Number.isInteger(parseInt(char, 10))) isMatch = true;
+
+          return isMatch;
+        }, false);
+      }
+
+      case "specialContains": {
+        const original = value.slice().split("");
+        return original.reduce((isMatch, char) => {
+          if (!Number.isInteger(parseInt(char, 10)) && !char.match(/[a-z]/i))
+            isMatch = true;
+
+          return isMatch;
+        }, false);
+      }
+
+      default:
+        return false;
+    }
+  };
+  const testCheckRules = (value) => {
+    let result = true;
+
+    setCheckRules((state) => {
+      const rules = [...state];
+      return rules.map((rule) => {
+        const isMatch = handleCheckRule(rule.type, rule.props, value);
+        if (!isMatch) result = false;
+
+        return { ...rule, isMatch };
+      });
+    });
+
+    return result;
+  };
+
+  const renderPasswordChecker = () => {
+    return (
+      <div className="password-checker">
+        <div className="password-checker__header">
+          <label className="password-checker__header-label"> {label} </label>{" "}
+        </div>{" "}
+        <div className="password-checker__body">
+          {" "}
+          {checkRules.map(({ icon, text, isMatch, key }) => (
+            <div
+              key={key}
+              className={cn("password-checker__body-item", {
+                "password-checker__body-item--match":
+                  isMatch && isMatch !== null,
+                "password-checker__body-item--dont-match":
+                  !isMatch && isMatch !== null,
+              })}
+            >
+              <div className="password-checker__body-item__icon"> {icon} </div>{" "}
+              <div className="password-checker__body-item__text"> {text} </div>{" "}
+            </div>
+          ))}{" "}
+        </div>{" "}
+      </div>
+    );
+  };
+
+  return {
+    addCheckRule,
+    testCheckRules,
+    renderPasswordChecker,
+  };
+}

package/dist/Functions/usePrevious.js

@@ -1 +1,12 @@
-import{useEffect as r,useRef as t}from"react";export default function(n){var e=t();return r(function(){e.current=n},[n]),e.current}
+import { useEffect, useRef } from "react";
+
+function usePrevious(value) {
+  const ref = useRef();
+
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+}
+
+export default usePrevious;

package/dist/Functions/useResize.js

@@ -1 +1,31 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r<n;r++)e[r]=t[r];return e}import{useEffect as n,useLayoutEffect as r,useState as e}from"react";export var useResize=function(){var i,o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,u=(i=e(""),function(t){if(Array.isArray(t))return t}(i)||function(t,n){var r,e,i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var o=[],u=!0,l=!1;try{for(i=i.call(t);!(u=(r=i.next()).done)&&(o.push(r.value),o.length!==n);u=!0);}catch(t){l=!0,e=t}finally{try{u||null==i.return||i.return()}finally{if(l)throw e}}return o}}(i,2)||function(n,r){if(n){if("string"==typeof n)return t(n,2);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(n,r)}}(i,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=u[0],c=u[1],a=function(t){if(t>document.documentElement.clientWidth)return c("left");c("")};return n(function(){var t,n=(null==o||null==(t=o.current)?void 0:t.getBoundingClientRect().right)+20;return window.addEventListener("resize",function(){return a(n)}),function(){window.removeEventListener("resize",function(){return c("")})}},[]),r(function(){var t;if((null==o||null==(t=o.current)?void 0:t.getBoundingClientRect().right)+20>document.documentElement.clientWidth)return c("left")},[]),{elemPosition:l}};
+import { useEffect, useLayoutEffect, useState } from "react";
+
+export const useResize = (element = null) => {
+  const [elemPosition, setElemPosition] = useState("");
+
+  const onResize = (elemRightPosition) => {
+    if (elemRightPosition > document.documentElement.clientWidth) {
+      return setElemPosition("left");
+    } else setElemPosition("");
+  };
+
+  useEffect(() => {
+    const elemRightPosition =
+      element?.current?.getBoundingClientRect().right + 20;
+    window.addEventListener("resize", () => onResize(elemRightPosition));
+
+    return () => {
+      window.removeEventListener("resize", () => setElemPosition(""));
+    };
+  }, []);
+
+  useLayoutEffect(() => {
+    const elemRightPosition =
+      element?.current?.getBoundingClientRect().right + 20;
+    if (elemRightPosition > document.documentElement.clientWidth) {
+      return setElemPosition("left");
+    }
+  }, []);
+
+  return { elemPosition };
+};

package/dist/Functions/useScrollTo.js

@@ -1 +1,17 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{useEffect as t,useRef as n,useState as e}from"react";export default function(o){var l,u=n(o),a=(l=e(!1),function(r){if(Array.isArray(r))return r}(l)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var l=[],u=!0,a=!1;try{for(o=o.call(r);!(u=(n=o.next()).done)&&(l.push(n.value),l.length!==t);u=!0);}catch(r){a=!0,e=r}finally{try{u||null==o.return||o.return()}finally{if(a)throw e}}return l}}(l,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(l,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),i=a[0],c=a[1];return t(function(){if((null==u?void 0:u.current)&&i){var r,t;null==u||null==(t=u.current)||null==(r=t.scrollIntoView)||r.call(t,{behavior:"smooth"}),c(!1)}},[i]),[u,c]}
+import { useEffect, useRef, useState } from "react";
+
+const useScrollTo = (reference) => {
+  const ref = useRef(reference);
+  const [shouldScrollTo, setShouldScrollTo] = useState(false);
+
+  useEffect(() => {
+    if (ref?.current && shouldScrollTo) {
+      ref?.current?.scrollIntoView?.({ behavior: "smooth" });
+      setShouldScrollTo(false);
+    }
+  }, [shouldScrollTo]);
+
+  return [ref, setShouldScrollTo];
+};
+
+export default useScrollTo;

package/dist/Functions/useToggle.js

@@ -1 +1,17 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{useCallback as t,useState as n}from"react";export default function(e){var o,u=(o=n(!!e),function(r){if(Array.isArray(r))return r}(o)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var u=[],l=!0,i=!1;try{for(o=o.call(r);!(l=(n=o.next()).done)&&(u.push(n.value),u.length!==t);l=!0);}catch(r){i=!0,e=r}finally{try{l||null==o.return||o.return()}finally{if(i)throw e}}return u}}(o,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(o,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),l=u[0],i=u[1];return{isToggled:l,toggle:t(function(){return i(function(r){return!r})},[]),toggleOn:t(function(){return i(!0)},[]),toggleOff:t(function(){return i(!1)},[])}}
+import { useCallback, useState } from "react";
+
+const useToggle = (initialState) => {
+  const [isToggled, setToggle] = useState(Boolean(initialState));
+  const toggle = useCallback(() => setToggle((isOn) => !isOn), []);
+  const toggleOn = useCallback(() => setToggle(true), []);
+  const toggleOff = useCallback(() => setToggle(false), []);
+
+  return {
+    isToggled,
+    toggle,
+    toggleOn,
+    toggleOff,
+  };
+};
+
+export default useToggle;