refactor: fix eslint-related code issues

Author: RostyslavNihrutsa

src/components/Tabs/TabsContent.tsx

@@ -6,7 +6,7 @@ import {useComponentProps} from "../../providers";
 
 import styles from "./tabs.module.scss";
 
-export interface TabsContentProps extends TabsContentRadixProps {}
+export type TabsContentProps = TabsContentRadixProps
 
 const TabsList: ForwardRefRenderFunction<HTMLDivElement, TabsContentProps> = (props, ref) => {
     const {

src/components/Tabs/TabsList.tsx

@@ -30,6 +30,16 @@ const TabsList: ForwardRefRenderFunction<HTMLDivElement, TabsListProps> = (props
     const [mounted, setMounted] = useState(false);
     const [modificators, setModificators] = useState<{ first?: boolean; last?: boolean }>({});
 
+    useEffect(() => {
+        if (!ref) return;
+        if (typeof ref === "function") {
+            ref(listRef.current);
+        } else {
+            ref.current = listRef.current;
+        }
+    }, [ref]);
+
+
     useEffect(() => {
         const updateIndicator = () => {
             const list = listRef.current;

src/components/Tabs/TabsTrigger.tsx

@@ -1,4 +1,4 @@
-import React, {forwardRef, ForwardRefRenderFunction, memo, useMemo} from "react";
+import React, {forwardRef, ForwardRefRenderFunction, memo} from "react";
 import classnames from "classnames";
 
 import {TabsTriggerProps as TabsTriggerRadixProps, Trigger} from "@radix-ui/react-tabs";

src/components/Truncate/Truncate.tsx

@@ -28,14 +28,14 @@ const trimMiddle = (el: HTMLElement, text: string, separator: string) => {
     if (measure(text)) return text;
 
     let low = 0;
-    let high = text.length -2;
+    let high = text.length - 2;
     let result = "";
 
     while (low <= high) {
         const size = Math.floor((low + high) / 2);
         const left = text.slice(0, Math.ceil(size / 2));
         const right = text.slice(text.length - Math.floor(size / 2));
-        const trimmed =  left + separator + right;
+        const trimmed = left + separator + right;
 
         if (measure(trimmed)) {
             result = trimmed;
@@ -97,6 +97,7 @@ const Truncate: ForwardRefRenderFunction<HTMLSpanElement, TruncateProps> = (prop
             observer?.disconnect();
             cancelAnimationFrame(animationFrameId);
         };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [text, separator, middle]);
 
     return (

src/components/Truncate/utils.ts

@@ -0,0 +1,74 @@
+export const measure = (el: HTMLElement, txt: string) => {
+    el.textContent = txt;
+    return el.scrollWidth <= el.clientWidth;
+};
+
+export const binaryTrim = (el: HTMLElement, text: string, generator: (size: number) => string) => {
+    let low = 0;
+    let high = text.length;
+    let result = "";
+
+    while (low <= high) {
+        const size = Math.floor((low + high) / 2);
+
+        const trimmed = generator(size);
+
+        if (measure(el, trimmed)) {
+            result = trimmed;
+            low = size + 1;
+        } else {
+            high = size - 1;
+        }
+    }
+
+    return result;
+};
+
+export const trimEnd = (el: HTMLElement, text: string, separator: string) => {
+    if (measure(el, text)) return text;
+
+    const generator = (size: number) => text.slice(0, size) + separator;
+
+    const best = binaryTrim(el, text, generator);
+
+    return best || text.charAt(0) + separator;
+};
+
+export const trimMiddle = (el: HTMLElement, text: string, separator: string) => {
+    if (measure(el, text)) return text;
+
+    const generator = (size: number) => {
+        const left = text.slice(0, Math.ceil(size / 2));
+        const right = text.slice(text.length - Math.floor(size / 2));
+        return left + separator + right;
+    };
+
+    const best = binaryTrim(el, text, generator);
+
+    return best || text.charAt(0) + separator + text.charAt(text.length - 1);
+};
+
+export const trimUrl = (el: HTMLElement, url: string, separator: string) => {
+    let host = url;
+    let path = "";
+
+    try {
+        const u = new URL(url);
+        host = `${u.protocol}//${u.host}`;
+        path = u.pathname + u.search + u.hash;
+    } catch {
+        return trimEnd(el, url, separator);
+    }
+
+    if (measure(el, url)) return url;
+
+    const generator = (size: number) => {
+        const left = path.slice(0, Math.ceil(size / 2));
+        const right = path.slice(path.length - Math.floor(size / 2));
+        return host + left + separator + right;
+    };
+
+    const best = binaryTrim(el, path, generator);
+
+    return best || trimEnd(el, url, separator);
+};

src/components/TruncateList/TruncateList.tsx

@@ -7,7 +7,7 @@ import {useComponentProps} from "../../providers";
 import styles from "./truncate-list.module.scss";
 import {Tag} from "../Tag";
 
-type TruncateListProps<T = any> = OverflowListProps<T> & {
+export type TruncateListProps<T = unknown> = OverflowListProps<T> & {
     counterClassName?: string;
 };