@ssa-ui-kit/hooks 2.0.0 → 2.1.0-canary-afe713f-20250306

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2023 SSA Group
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2023 SSA Group
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/hooks/index.d.ts

@@ -4,4 +4,8 @@ export { useClickOutside } from './useClickOutside';
 export { usePaginationRange } from './pagination/usePaginationRange';
 export { useTextSizeDecrease } from './text/useTextSizeDecrease';
 export { useDeviceType } from './useDeviceType';
+export { useToggle } from './useToggle';
+export { useUncontrolled } from './useUncontrolled';
+export { createSafeContext } from './useSafeContext';
+export { useResizeObserver, useElementSize } from './useResizeObserver';
 export * from './mediaQueries';

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,8 @@
+type ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;
+export declare function useResizeObserver<T extends HTMLElement>(options?: ResizeObserverOptions): readonly [import("react").RefObject<T>, ObserverRect];
+export declare function useElementSize<T extends HTMLElement>(options?: ResizeObserverOptions): {
+    ref: import("react").RefObject<T>;
+    width: number;
+    height: number;
+};
+export {};

package/dist/hooks/useSafeContext.d.ts

@@ -0,0 +1,4 @@
+export declare function createSafeContext<ContextValue>(errorMessage: string): readonly [({ children, value, }: {
+    value: ContextValue;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<ContextValue | null>>, () => ContextValue & ({} | undefined)];

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1 @@
+export declare function useToggle<T = boolean>(options?: readonly T[]): readonly [T, (value?: React.SetStateAction<T>) => void];

package/dist/hooks/useUncontrolled.d.ts

@@ -0,0 +1,12 @@
+interface UseUncontrolledInput<T, P extends unknown[]> {
+    value?: T;
+    defaultValue?: T;
+    finalValue?: T;
+    onChange?: (value: T, ...payload: P) => void;
+}
+export declare function useUncontrolled<T, P extends unknown[]>({ value, defaultValue, finalValue, onChange, }: UseUncontrolledInput<T, P>): [
+    T,
+    (value: T, ...payload: P) => void,
+    boolean
+];
+export {};

package/dist/index.js

@@ -49,15 +49,20 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
+  createSafeContext: () => (/* reexport */ createSafeContext),
   useApi: () => (/* reexport */ useApi),
   useClickOutside: () => (/* reexport */ useClickOutside),
   useDeviceType: () => (/* reexport */ useDeviceType),
+  useElementSize: () => (/* reexport */ useElementSize),
   useMinLGMediaQuery: () => (/* reexport */ useMinLGMediaQuery),
   useMinMDMediaQuery: () => (/* reexport */ useMinMDMediaQuery),
   useMinXLGMediaQuery: () => (/* reexport */ useMinXLGMediaQuery),
   usePaginationRange: () => (/* reexport */ usePaginationRange),
+  useResizeObserver: () => (/* reexport */ useResizeObserver),
   useSMMediaQuery: () => (/* reexport */ useSMMediaQuery),
   useTextSizeDecrease: () => (/* reexport */ useTextSizeDecrease),
+  useToggle: () => (/* reexport */ useToggle),
+  useUncontrolled: () => (/* reexport */ useUncontrolled),
   useUpToMDMediaQuery: () => (/* reexport */ useUpToMDMediaQuery),
   useWindowSize: () => (/* reexport */ useWindowSize),
   useXSMediaQuery: () => (/* reexport */ useXSMediaQuery)
@@ -152,12 +157,12 @@ const resize = (el, step) => {
   }
 };
 
-/**
- * The hook does N attempts to decrease the font size
- * if its text content doesn't fit its parent's width.
- * If the text still overflows, it sets the `word-break` css rule.
- * The hook doesn't enlarge the font size if the parent's
- * width becomes wider.
+/**
+ * The hook does N attempts to decrease the font size
+ * if its text content doesn't fit its parent's width.
+ * If the text still overflows, it sets the `word-break` css rule.
+ * The hook doesn't enlarge the font size if the parent's
+ * width becomes wider.
  * */
 const useTextSizeDecrease = (maxAttempts = 5, step = 1) => {
   const textContainerRef = (0,external_react_namespaceObject.useRef)(null);
@@ -205,6 +210,106 @@ const useDeviceType = () => {
   }
   return 'mobile';
 };
+;// ./src/hooks/useToggle.ts
+
+function useToggle(options = [false, true]) {
+  const [[option], toggle] = (0,external_react_namespaceObject.useReducer)((state, action) => {
+    const value = action instanceof Function ? action(state[0]) : action;
+    const index = Math.abs(state.indexOf(value));
+    return state.slice(index).concat(state.slice(0, index));
+  }, options);
+  return [option, toggle];
+}
+;// ./src/hooks/useUncontrolled.ts
+
+function useUncontrolled({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = () => {}
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = (0,external_react_namespaceObject.useState)(defaultValue !== undefined ? defaultValue : finalValue);
+  const handleUncontrolledChange = (val, ...payload) => {
+    setUncontrolledValue(val);
+    onChange?.(val, ...payload);
+  };
+  if (value !== undefined) {
+    return [value, onChange, true];
+  }
+  return [uncontrolledValue, handleUncontrolledChange, false];
+}
+;// ./src/hooks/useSafeContext.tsx
+
+function createSafeContext(errorMessage) {
+  const Context = /*#__PURE__*/(0,external_react_namespaceObject.createContext)(null);
+  const useSafeContext = () => {
+    const ctx = (0,external_react_namespaceObject.useContext)(Context);
+    if (ctx === null) {
+      throw new Error(errorMessage);
+    }
+    return ctx;
+  };
+  const Provider = ({
+    children,
+    value
+  }) => {
+    return /*#__PURE__*/(0,external_react_namespaceObject.createElement)(Context.Provider, {
+      value
+    }, children);
+  };
+  return [Provider, useSafeContext];
+}
+;// ./src/hooks/useResizeObserver.tsx
+
+const defaultState = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function useResizeObserver(options) {
+  const frameID = (0,external_react_namespaceObject.useRef)(0);
+  const ref = (0,external_react_namespaceObject.useRef)(null);
+  const [rect, setRect] = (0,external_react_namespaceObject.useState)(defaultState);
+  const observer = (0,external_react_namespaceObject.useMemo)(() => typeof window !== 'undefined' ? new ResizeObserver(entries => {
+    const entry = entries[0];
+    if (entry) {
+      cancelAnimationFrame(frameID.current);
+      frameID.current = requestAnimationFrame(() => {
+        if (ref.current) {
+          setRect(entry.contentRect);
+        }
+      });
+    }
+  }) : null, []);
+  (0,external_react_namespaceObject.useEffect)(() => {
+    if (ref.current) {
+      observer?.observe(ref.current, options);
+    }
+    return () => {
+      observer?.disconnect();
+      if (frameID.current) {
+        cancelAnimationFrame(frameID.current);
+      }
+    };
+  }, [ref.current]);
+  return [ref, rect];
+}
+function useElementSize(options) {
+  const [ref, {
+    width,
+    height
+  }] = useResizeObserver(options);
+  return {
+    ref,
+    width,
+    height
+  };
+}
 ;// ./src/hooks/mediaQueries.ts
 
 const useXSMediaQuery = () => {
@@ -233,6 +338,10 @@ const useMinXLGMediaQuery = () => {
 
 
 
+
+
+
+
 ;// ./src/index.ts
 
 /******/ 	return __webpack_exports__;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","mappings":"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","sources":["webpack://SSAHooks/webpack/universalModuleDefinition","webpack://SSAHooks/webpack/bootstrap","webpack://SSAHooks/webpack/runtime/define property getters","webpack://SSAHooks/webpack/runtime/hasOwnProperty shorthand","webpack://SSAHooks/webpack/runtime/make namespace object","webpack://SSAHooks/external commonjs \"react\"","webpack://SSAHooks/./src/hooks/useApi.tsx","webpack://SSAHooks/./src/hooks/useWindowResize.tsx","webpack://SSAHooks/./src/hooks/useClickOutside.tsx","webpack://SSAHooks/external commonjs \"@ssa-ui-kit/utils\"","webpack://SSAHooks/./src/hooks/pagination/usePaginationRange.tsx","webpack://SSAHooks/./src/hooks/text/useTextSizeDecrease.ts","webpack://SSAHooks/external commonjs \"usehooks-ts\"","webpack://SSAHooks/./src/hooks/useDeviceType.ts","webpack://SSAHooks/./src/hooks/mediaQueries.ts","webpack://SSAHooks/./src/hooks/index.ts","webpack://SSAHooks/./src/index.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SSAHooks\"] = factory();\n\telse\n\t\troot[\"SSAHooks\"] = factory();\n})(self, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","import { useState } from 'react';\r\n\r\nexport function useApi<T extends unknown[], D>(\r\n  fetcherFn: (...args: T) => Promise<D>,\r\n  initialValue?: D,\r\n) {\r\n  const [isLoading, setIsLoading] = useState<boolean>(false);\r\n  const [error, setError] = useState<unknown | null>(null);\r\n  const [data, setData] = useState<D | undefined>(initialValue);\r\n\r\n  const query = async (...args: Parameters<typeof fetcherFn>) => {\r\n    setIsLoading(true);\r\n    setError(null);\r\n\r\n    try {\r\n      const respData = await fetcherFn(...args);\r\n      setData(respData);\r\n    } catch (err) {\r\n      setError(err);\r\n    } finally {\r\n      setIsLoading(false);\r\n    }\r\n  };\r\n\r\n  return {\r\n    isLoading,\r\n    error,\r\n    // TODO: useApi users should use type guards instead of \"data as D\"\r\n    data: data as D,\r\n    query,\r\n  };\r\n}\r\n","import { useEffect, useState } from 'react';\r\n\r\nexport const useWindowSize = () => {\r\n  const [windowSize, setWindowSize] = useState({\r\n    width: window.innerWidth,\r\n    height: window.innerHeight,\r\n  });\r\n\r\n  useEffect(() => {\r\n    function handleResize() {\r\n      setWindowSize({ width: window.innerWidth, height: window.innerHeight });\r\n    }\r\n\r\n    window.addEventListener('resize', handleResize);\r\n\r\n    handleResize();\r\n\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return windowSize;\r\n};\r\n","import { useEffect } from 'react';\r\n\r\ntype UseClickOutsideType = (\r\n  ref: React.RefObject<HTMLElement | null>,\r\n  fn: (e: Event) => void,\r\n) => void;\r\n\r\nexport const useClickOutside: UseClickOutsideType = (ref, onClickOutside) => {\r\n  const events = ['mousedown', 'touchstart'];\r\n\r\n  useEffect(() => {\r\n    const handler = (e: Event) => {\r\n      if (\r\n        ref.current == null ||\r\n        ref.current.contains(e.target as HTMLElement)\r\n      ) {\r\n        return;\r\n      }\r\n      onClickOutside(e);\r\n    };\r\n\r\n    events.forEach((eventName) =>\r\n      document.addEventListener(eventName, handler),\r\n    );\r\n\r\n    return () =>\r\n      events.forEach((eventName) =>\r\n        document.removeEventListener(eventName, handler),\r\n      );\r\n  }, [ref, onClickOutside]);\r\n};\r\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@ssa-ui-kit/utils\");","import { useMemo } from 'react';\r\nimport { generateRange } from '@ssa-ui-kit/utils';\r\nimport { UsePaginationRangeProps } from './types';\r\n\r\nconst usePaginationRange = ({\r\n  pagesCount,\r\n  selectedPage,\r\n}: UsePaginationRangeProps) => {\r\n  return useMemo(\r\n    () => generateRange(pagesCount, selectedPage),\r\n    [pagesCount, selectedPage],\r\n  );\r\n};\r\n\r\nexport { usePaginationRange };\r\n","import { useEffect, useRef } from 'react';\r\nimport { useWindowSize } from '@hooks/useWindowResize';\r\n\r\nconst FONT_SIZE_REG_EXP = /(\\d+\\.?\\d+)(\\S+)/;\r\n\r\nconst isOverflowing = (\r\n  el: HTMLElement,\r\n  container: HTMLElement | null,\r\n): boolean => el.scrollWidth > Number(container?.clientWidth);\r\n\r\nconst resize = (el: HTMLElement, step: number) => {\r\n  const fontSize = window.getComputedStyle(el).fontSize;\r\n  const matchResults = fontSize.match(FONT_SIZE_REG_EXP);\r\n\r\n  if (matchResults) {\r\n    const [, fsValue, fsUnit] = matchResults;\r\n    el.style.fontSize = `${Number(fsValue) - step}${fsUnit}`;\r\n  }\r\n};\r\n\r\n/**\r\n * The hook does N attempts to decrease the font size\r\n * if its text content doesn't fit its parent's width.\r\n * If the text still overflows, it sets the `word-break` css rule.\r\n * The hook doesn't enlarge the font size if the parent's\r\n * width becomes wider.\r\n * */\r\nexport const useTextSizeDecrease = (maxAttempts = 5, step = 1) => {\r\n  const textContainerRef = useRef<HTMLElement>(null);\r\n  const attemptsRef = useRef<number>(0);\r\n  const { width } = useWindowSize();\r\n\r\n  const checkAndResize = () => {\r\n    if (textContainerRef.current == null) {\r\n      return;\r\n    }\r\n\r\n    const node = textContainerRef.current;\r\n    const parentNode = node.parentNode as unknown as HTMLElement;\r\n\r\n    let isLarger = isOverflowing(node, parentNode);\r\n\r\n    while (attemptsRef.current < maxAttempts && isLarger) {\r\n      resize(node, step);\r\n      isLarger = isOverflowing(node, parentNode);\r\n      ++attemptsRef.current;\r\n    }\r\n\r\n    if (isLarger) {\r\n      node.style.wordBreak = 'break-all';\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    checkAndResize();\r\n  }, [textContainerRef, width]);\r\n\r\n  return textContainerRef;\r\n};\r\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"usehooks-ts\");","import { useMediaQuery } from 'usehooks-ts';\r\n\r\nexport const useDeviceType = () => {\r\n  const isMD = useMediaQuery('(min-width: 900px)');\r\n  const isLG = useMediaQuery('(min-width: 1440px)');\r\n  const isXLG = useMediaQuery('(min-width: 1920px)');\r\n  if (isXLG) {\r\n    return 'xlg';\r\n  }\r\n  if (isLG) {\r\n    return 'lg';\r\n  }\r\n  if (isMD) {\r\n    return 'md';\r\n  }\r\n  return 'mobile';\r\n};\r\n","import { useMediaQuery } from 'usehooks-ts';\r\n\r\nexport const useXSMediaQuery = () => {\r\n  return useMediaQuery('(max-width: 389.99px)');\r\n};\r\n\r\nexport const useSMMediaQuery = () => {\r\n  return useMediaQuery('(min-width: 390px)');\r\n};\r\n\r\nexport const useUpToMDMediaQuery = () => {\r\n  return useMediaQuery('(max-width: 899.99px)');\r\n};\r\n\r\nexport const useMinMDMediaQuery = () => {\r\n  return useMediaQuery('(min-width: 900px)');\r\n};\r\n\r\nexport const useMinLGMediaQuery = () => {\r\n  return useMediaQuery('(min-width: 1440px)');\r\n};\r\n\r\nexport const useMinXLGMediaQuery = () => {\r\n  return useMediaQuery('(min-width: 1920px)');\r\n};\r\n","export { useApi } from './useApi';\r\nexport { useWindowSize } from './useWindowResize';\r\nexport { useClickOutside } from './useClickOutside';\r\nexport { usePaginationRange } from './pagination/usePaginationRange';\r\nexport { useTextSizeDecrease } from './text/useTextSizeDecrease';\r\nexport { useDeviceType } from './useDeviceType';\r\nexport * from './mediaQueries';\r\n","export * from './hooks';\r\n"],"names":["useState","useApi","fetcherFn","initialValue","isLoading","setIsLoading","error","setError","data","setData","query","args","respData","err","useEffect","useWindowSize","windowSize","setWindowSize","width","window","innerWidth","height","innerHeight","handleResize","addEventListener","removeEventListener","useClickOutside","ref","onClickOutside","events","handler","e","current","contains","target","forEach","eventName","document","useMemo","generateRange","usePaginationRange","pagesCount","selectedPage","useRef","FONT_SIZE_REG_EXP","isOverflowing","el","container","scrollWidth","Number","clientWidth","resize","step","fontSize","getComputedStyle","matchResults","match","fsValue","fsUnit","style","useTextSizeDecrease","maxAttempts","textContainerRef","attemptsRef","checkAndResize","node","parentNode","isLarger","wordBreak","useMediaQuery","useDeviceType","isMD","isLG","isXLG","useXSMediaQuery","useSMMediaQuery","useUpToMDMediaQuery","useMinMDMediaQuery","useMinLGMediaQuery","useMinXLGMediaQuery"],"sourceRoot":""}
+{"version":3,"file":"index.js","mappings":"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","sources":["webpack://SSAHooks/webpack/universalModuleDefinition","webpack://SSAHooks/webpack/bootstrap","webpack://SSAHooks/webpack/runtime/define property getters","webpack://SSAHooks/webpack/runtime/hasOwnProperty shorthand","webpack://SSAHooks/webpack/runtime/make namespace object","webpack://SSAHooks/external commonjs \"react\"","webpack://SSAHooks/./src/hooks/useApi.tsx","webpack://SSAHooks/./src/hooks/useWindowResize.tsx","webpack://SSAHooks/./src/hooks/useClickOutside.tsx","webpack://SSAHooks/external commonjs \"@ssa-ui-kit/utils\"","webpack://SSAHooks/./src/hooks/pagination/usePaginationRange.tsx","webpack://SSAHooks/./src/hooks/text/useTextSizeDecrease.ts","webpack://SSAHooks/external commonjs \"usehooks-ts\"","webpack://SSAHooks/./src/hooks/useDeviceType.ts","webpack://SSAHooks/./src/hooks/useToggle.ts","webpack://SSAHooks/./src/hooks/useUncontrolled.ts","webpack://SSAHooks/./src/hooks/useSafeContext.tsx","webpack://SSAHooks/./src/hooks/useResizeObserver.tsx","webpack://SSAHooks/./src/hooks/mediaQueries.ts","webpack://SSAHooks/./src/hooks/index.ts","webpack://SSAHooks/./src/index.ts"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"SSAHooks\"] = factory();\n\telse\n\t\troot[\"SSAHooks\"] = factory();\n})(self, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"react\");","import { useState } from 'react';\n\nexport function useApi<T extends unknown[], D>(\n  fetcherFn: (...args: T) => Promise<D>,\n  initialValue?: D,\n) {\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n  const [error, setError] = useState<unknown | null>(null);\n  const [data, setData] = useState<D | undefined>(initialValue);\n\n  const query = async (...args: Parameters<typeof fetcherFn>) => {\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const respData = await fetcherFn(...args);\n      setData(respData);\n    } catch (err) {\n      setError(err);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  return {\n    isLoading,\n    error,\n    // TODO: useApi users should use type guards instead of \"data as D\"\n    data: data as D,\n    query,\n  };\n}\n","import { useEffect, useState } from 'react';\n\nexport const useWindowSize = () => {\n  const [windowSize, setWindowSize] = useState({\n    width: window.innerWidth,\n    height: window.innerHeight,\n  });\n\n  useEffect(() => {\n    function handleResize() {\n      setWindowSize({ width: window.innerWidth, height: window.innerHeight });\n    }\n\n    window.addEventListener('resize', handleResize);\n\n    handleResize();\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return windowSize;\n};\n","import { useEffect } from 'react';\n\ntype UseClickOutsideType = (\n  ref: React.RefObject<HTMLElement | null>,\n  fn: (e: Event) => void,\n) => void;\n\nexport const useClickOutside: UseClickOutsideType = (ref, onClickOutside) => {\n  const events = ['mousedown', 'touchstart'];\n\n  useEffect(() => {\n    const handler = (e: Event) => {\n      if (\n        ref.current == null ||\n        ref.current.contains(e.target as HTMLElement)\n      ) {\n        return;\n      }\n      onClickOutside(e);\n    };\n\n    events.forEach((eventName) =>\n      document.addEventListener(eventName, handler),\n    );\n\n    return () =>\n      events.forEach((eventName) =>\n        document.removeEventListener(eventName, handler),\n      );\n  }, [ref, onClickOutside]);\n};\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"@ssa-ui-kit/utils\");","import { useMemo } from 'react';\nimport { generateRange } from '@ssa-ui-kit/utils';\nimport { UsePaginationRangeProps } from './types';\n\nconst usePaginationRange = ({\n  pagesCount,\n  selectedPage,\n}: UsePaginationRangeProps) => {\n  return useMemo(\n    () => generateRange(pagesCount, selectedPage),\n    [pagesCount, selectedPage],\n  );\n};\n\nexport { usePaginationRange };\n","import { useEffect, useRef } from 'react';\nimport { useWindowSize } from '@hooks/useWindowResize';\n\nconst FONT_SIZE_REG_EXP = /(\\d+\\.?\\d+)(\\S+)/;\n\nconst isOverflowing = (\n  el: HTMLElement,\n  container: HTMLElement | null,\n): boolean => el.scrollWidth > Number(container?.clientWidth);\n\nconst resize = (el: HTMLElement, step: number) => {\n  const fontSize = window.getComputedStyle(el).fontSize;\n  const matchResults = fontSize.match(FONT_SIZE_REG_EXP);\n\n  if (matchResults) {\n    const [, fsValue, fsUnit] = matchResults;\n    el.style.fontSize = `${Number(fsValue) - step}${fsUnit}`;\n  }\n};\n\n/**\n * The hook does N attempts to decrease the font size\n * if its text content doesn't fit its parent's width.\n * If the text still overflows, it sets the `word-break` css rule.\n * The hook doesn't enlarge the font size if the parent's\n * width becomes wider.\n * */\nexport const useTextSizeDecrease = (maxAttempts = 5, step = 1) => {\n  const textContainerRef = useRef<HTMLElement>(null);\n  const attemptsRef = useRef<number>(0);\n  const { width } = useWindowSize();\n\n  const checkAndResize = () => {\n    if (textContainerRef.current == null) {\n      return;\n    }\n\n    const node = textContainerRef.current;\n    const parentNode = node.parentNode as unknown as HTMLElement;\n\n    let isLarger = isOverflowing(node, parentNode);\n\n    while (attemptsRef.current < maxAttempts && isLarger) {\n      resize(node, step);\n      isLarger = isOverflowing(node, parentNode);\n      ++attemptsRef.current;\n    }\n\n    if (isLarger) {\n      node.style.wordBreak = 'break-all';\n    }\n  };\n\n  useEffect(() => {\n    checkAndResize();\n  }, [textContainerRef, width]);\n\n  return textContainerRef;\n};\n","const __WEBPACK_NAMESPACE_OBJECT__ = require(\"usehooks-ts\");","import { useMediaQuery } from 'usehooks-ts';\n\nexport const useDeviceType = () => {\n  const isMD = useMediaQuery('(min-width: 900px)');\n  const isLG = useMediaQuery('(min-width: 1440px)');\n  const isXLG = useMediaQuery('(min-width: 1920px)');\n  if (isXLG) {\n    return 'xlg';\n  }\n  if (isLG) {\n    return 'lg';\n  }\n  if (isMD) {\n    return 'md';\n  }\n  return 'mobile';\n};\n","import { useReducer } from 'react';\n\nexport function useToggle<T = boolean>(\n  options: readonly T[] = [false, true] as T[],\n) {\n  const [[option], toggle] = useReducer(\n    (state: T[], action: React.SetStateAction<T>) => {\n      const value = action instanceof Function ? action(state[0]) : action;\n      const index = Math.abs(state.indexOf(value));\n\n      return state.slice(index).concat(state.slice(0, index));\n    },\n    options as T[],\n  );\n\n  return [option, toggle as (value?: React.SetStateAction<T>) => void] as const;\n}\n","import { useState } from 'react';\n\ninterface UseUncontrolledInput<T, P extends unknown[]> {\n  value?: T;\n  defaultValue?: T;\n  finalValue?: T;\n  onChange?: (value: T, ...payload: P) => void;\n}\n\nexport function useUncontrolled<T, P extends unknown[]>({\n  value,\n  defaultValue,\n  finalValue,\n  onChange = () => {},\n}: UseUncontrolledInput<T, P>): [\n  T,\n  (value: T, ...payload: P) => void,\n  boolean,\n] {\n  const [uncontrolledValue, setUncontrolledValue] = useState(\n    defaultValue !== undefined ? defaultValue : finalValue,\n  );\n\n  const handleUncontrolledChange = (val: T, ...payload: P) => {\n    setUncontrolledValue(val);\n    onChange?.(val, ...payload);\n  };\n\n  if (value !== undefined) {\n    return [value as T, onChange, true];\n  }\n\n  return [uncontrolledValue as T, handleUncontrolledChange, false];\n}\n","import { createContext, useContext, createElement } from 'react';\n\nexport function createSafeContext<ContextValue>(errorMessage: string) {\n  const Context = createContext<ContextValue | null>(null);\n\n  const useSafeContext = () => {\n    const ctx = useContext(Context);\n    if (ctx === null) {\n      throw new Error(errorMessage);\n    }\n    return ctx;\n  };\n\n  const Provider = ({\n    children,\n    value,\n  }: {\n    value: ContextValue;\n    children: React.ReactNode;\n  }) => {\n    return createElement(\n      Context.Provider,\n      {\n        value,\n      },\n      children,\n    );\n  };\n\n  return [Provider, useSafeContext] as const;\n}\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\ntype ObserverRect = Omit<DOMRectReadOnly, 'toJSON'>;\n\nconst defaultState: ObserverRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nexport function useResizeObserver<T extends HTMLElement>(\n  options?: ResizeObserverOptions,\n) {\n  const frameID = useRef(0);\n  const ref = useRef<T>(null);\n\n  const [rect, setRect] = useState<ObserverRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      typeof window !== 'undefined'\n        ? new ResizeObserver((entries) => {\n            const entry = entries[0];\n\n            if (entry) {\n              cancelAnimationFrame(frameID.current);\n\n              frameID.current = requestAnimationFrame(() => {\n                if (ref.current) {\n                  setRect(entry.contentRect);\n                }\n              });\n            }\n          })\n        : null,\n    [],\n  );\n\n  useEffect(() => {\n    if (ref.current) {\n      observer?.observe(ref.current, options);\n    }\n\n    return () => {\n      observer?.disconnect();\n\n      if (frameID.current) {\n        cancelAnimationFrame(frameID.current);\n      }\n    };\n  }, [ref.current]);\n\n  return [ref, rect] as const;\n}\n\nexport function useElementSize<T extends HTMLElement>(\n  options?: ResizeObserverOptions,\n) {\n  const [ref, { width, height }] = useResizeObserver<T>(options);\n  return { ref, width, height };\n}\n","import { useMediaQuery } from 'usehooks-ts';\n\nexport const useXSMediaQuery = () => {\n  return useMediaQuery('(max-width: 389.99px)');\n};\n\nexport const useSMMediaQuery = () => {\n  return useMediaQuery('(min-width: 390px)');\n};\n\nexport const useUpToMDMediaQuery = () => {\n  return useMediaQuery('(max-width: 899.99px)');\n};\n\nexport const useMinMDMediaQuery = () => {\n  return useMediaQuery('(min-width: 900px)');\n};\n\nexport const useMinLGMediaQuery = () => {\n  return useMediaQuery('(min-width: 1440px)');\n};\n\nexport const useMinXLGMediaQuery = () => {\n  return useMediaQuery('(min-width: 1920px)');\n};\n","export { useApi } from './useApi';\nexport { useWindowSize } from './useWindowResize';\nexport { useClickOutside } from './useClickOutside';\nexport { usePaginationRange } from './pagination/usePaginationRange';\nexport { useTextSizeDecrease } from './text/useTextSizeDecrease';\nexport { useDeviceType } from './useDeviceType';\nexport { useToggle } from './useToggle';\nexport { useUncontrolled } from './useUncontrolled';\nexport { createSafeContext } from './useSafeContext';\nexport { useResizeObserver, useElementSize } from './useResizeObserver';\nexport * from './mediaQueries';\n","export * from './hooks';\n"],"names":["useState","useApi","fetcherFn","initialValue","isLoading","setIsLoading","error","setError","data","setData","query","args","respData","err","useEffect","useWindowSize","windowSize","setWindowSize","width","window","innerWidth","height","innerHeight","handleResize","addEventListener","removeEventListener","useClickOutside","ref","onClickOutside","events","handler","e","current","contains","target","forEach","eventName","document","useMemo","generateRange","usePaginationRange","pagesCount","selectedPage","useRef","FONT_SIZE_REG_EXP","isOverflowing","el","container","scrollWidth","Number","clientWidth","resize","step","fontSize","getComputedStyle","matchResults","match","fsValue","fsUnit","style","useTextSizeDecrease","maxAttempts","textContainerRef","attemptsRef","checkAndResize","node","parentNode","isLarger","wordBreak","useMediaQuery","useDeviceType","isMD","isLG","isXLG","useReducer","useToggle","options","option","toggle","state","action","value","Function","index","Math","abs","indexOf","slice","concat","useUncontrolled","defaultValue","finalValue","onChange","uncontrolledValue","setUncontrolledValue","undefined","handleUncontrolledChange","val","payload","createContext","useContext","createElement","createSafeContext","errorMessage","Context","useSafeContext","ctx","Error","Provider","children","defaultState","x","y","top","left","bottom","right","useResizeObserver","frameID","rect","setRect","observer","ResizeObserver","entries","entry","cancelAnimationFrame","requestAnimationFrame","contentRect","observe","disconnect","useElementSize","useXSMediaQuery","useSMMediaQuery","useUpToMDMediaQuery","useMinMDMediaQuery","useMinLGMediaQuery","useMinXLGMediaQuery"],"sourceRoot":""}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ssa-ui-kit/hooks",
-  "version": "2.0.0",
+  "version": "2.1.0-canary-afe713f-20250306",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "private": false,
@@ -23,7 +23,7 @@
   ],
   "dependencies": {
     "usehooks-ts": "3.1.0",
-    "@ssa-ui-kit/utils": "^2.0.0"
+    "@ssa-ui-kit/utils": "^2.1.0-canary-afe713f-20250306"
   },
   "peerDependencies": {
     "react": "18.x"