v6.0.1

CHANGELOG.md

@@ -1,3 +1,8 @@
+# v6.0.1
+
+- [*] Удален lodash из списка peer dependencies
+- [*] Добавлен хук usePreventDefaultTouchMove
+
 # v6.0.0
 
 - [*] checkDev: добавлен аргумент apiUrl

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktsstudio/mediaproject-utils",
-  "version": "6.0.0",
+  "version": "6.0.1",
   "author": "KTS Studio",
   "license": "MIT",
   "description": "Package with basic utils for media projects",
@@ -60,7 +60,6 @@
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.0",
-    "@types/lodash": "^4.14.192",
     "@types/node": "^16.4.5",
     "@types/react": ">=17",
     "@typescript-eslint/eslint-plugin": "^4.13.0",
@@ -76,7 +75,6 @@
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
     "lint-staged": "^11.0.0",
-    "lodash": "^4.17.21",
     "prettier": "^2.5.1",
     "react": ">=17",
     "react-dom": "^17.0.0 || ^18.0.0",
@@ -88,7 +86,6 @@
   },
   "peerDependencies": {
     "axios": "^0.24.0",
-    "lodash": "^4.17.21",
     "react": ">=17"
   },
   "repository": {

src/__tests__/utils/getTag.ts

@@ -0,0 +1,15 @@
+
+/**
+ * Возвращает строковое представление типа значения `value`.
+ * Если значение `value` равно `null` или `undefined`, возвращает соответствующую строку.
+ * В противном случае возвращает результат вызова метода `toString` для `value`.
+ *
+ * @param {any} value - Значение для получения его тега.
+ * @returns {string} Возвращает строковое представление типа значения.
+ */
+export function getTag(value: any):string {
+    if (value == null) {
+      return value === undefined ? '[object Undefined]' : '[object Null]'
+    }
+    return toString.call(value)
+  }

src/__tests__/utils/isNumber.ts

@@ -0,0 +1,13 @@
+import { getTag } from './getTag';
+import { isObjectLike } from './isObjectLike';
+
+/**
+ * Проверяет, является ли значение числом. Это замена оригинальной функции `isNumber` из библиотеки lodash.
+ * @param {any} value - Значение, которое необходимо проверить.
+ * @returns {boolean} Возвращает `true`, если значение является числом, иначе `false`.
+ */
+export function isNumber(value: any): value is number {
+    return (
+      typeof value === 'number' || (isObjectLike(value) && getTag(value) === '[object Number]')
+    );
+  }

src/__tests__/utils/isObjectLike.ts

@@ -0,0 +1,9 @@
+/**
+ * Проверяет, является ли `value` похожим на объект. Значение считается похожим на объект, если оно не `null` и имеет результат `typeof` равный "object".
+ *
+ * @param {any} value - Значение для проверки.
+ * @returns {boolean} Возвращает `true`, если `value` похоже на объект, иначе `false`.
+ */
+export function isObjectLike(value: any): value is object {
+  return typeof value === 'object' && value !== null;
+}

src/__tests__/utils/random.ts

@@ -0,0 +1,12 @@
+/**
+ * Генерирует случайное число в заданном диапазоне. Это замена оригинальной функции `random` из библиотеки lodash.
+ * @param {number} min - Нижняя граница диапазона.
+ * @param {number} [max=0] - Верхняя граница диапазона. По умолчанию равна 0. Если передано только одно значение, оно будет считаться верхней границей, а нижней границей будет 0.
+ * @returns {number} Возвращает случайное число в заданном диапазоне.
+ */
+export function random(min: number, max: number = 0): number {
+    if (min < max) {
+        [min, max] = [max, min];
+    }
+    return Math.floor(Math.random() * (min - max + 1)) + max;
+  }

src/__tests__/utils/range.ts

@@ -0,0 +1,10 @@
+/**
+ * Создает массив чисел, увеличивающихся на единицу, начиная с начального числа и заканчивая конечным числом. 
+ * Это замена оригинальной функции `range` из библиотеки lodash.
+ * @param {number} start - Начальное число диапазона.
+ * @param {number} end - Конечное число диапазона.
+ * @returns {number[]} Возвращает новый массив чисел от `start` до `end`.
+ */
+export function range(start: number, end: number): number[] {
+    return Array.from({length: (end - start)}, (_, i) => start + i);
+  }

src/__tests__/utils/window.ts

@@ -1,6 +1,5 @@
-import { isNumber } from 'lodash';
 import { act } from 'react-dom/test-utils';
-
+import { isNumber } from './isNumber';
 export enum WindowSizeEnum {
   big = 1200,
   small = 300,

src/hooks/useAndroidKeyboard.test.ts

@@ -3,7 +3,6 @@
  */
 
 import { renderHook } from '@testing-library/react';
-import { noop } from 'lodash';
 
 import {
   WindowSizeEnum,
@@ -14,6 +13,7 @@ import {
 } from '__tests__/utils/window';
 
 import useAndroidKeyboard from './useAndroidKeyboard';
+import noop from "../noop";
 
 const KEYBOARD_HEIGHT_IN_PERCENT = 21;
 

src/hooks/usePreventDefaultTouchMove.tsx

@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+/**
+ * Предотвращает стандартное поведение браузера при скролле на мобильных устройствах.
+ */
+export const usePreventDefaultTouchMove = (): React.RefObject<HTMLDivElement> => {
+  const refContainer = React.useRef<HTMLDivElement>(null);
+
+  React.useEffect(() => {
+    const container = refContainer.current;
+
+    if (!container) {
+      return;
+    }
+
+    const preventDefaultTouchMove = (e: TouchEvent) => {
+      e.stopPropagation();
+      e.preventDefault();
+    };
+
+    container.addEventListener('touchmove', preventDefaultTouchMove, {
+      capture: true,
+      passive: false,
+    });
+
+    return () => {
+      container.removeEventListener('touchmove', preventDefaultTouchMove);
+    };
+  }, []);
+
+  return refContainer;
+};
+
+export default usePreventDefaultTouchMove;

src/pluralize.test.ts

@@ -1,7 +1,7 @@
-import { random, range } from 'lodash';
-
 import pluralize, { plural } from './pluralize';
-import { PluralizeWordsType } from './types/pluralize';
+import { PluralizeWordsType } from 'types/pluralize';
+import {random} from '__tests__/utils/random';
+import {range} from '__tests__/utils/range';
 
 const variants: PluralizeWordsType = {
   one: 'кот',

tsconfig.json

@@ -15,7 +15,7 @@
       "types/*": ["types/*"],
       "hooks/*": ["hooks/*"]
     },
-    "types": ["axios", "react", "lodash", "node"]
+    "types": ["axios", "react", "node"]
   },
   "main": "./src/index.ts",
   "include": ["src"],