@infomaximum/ui-kit 0.15.6 → 0.15.8

package/dist/components/Tooltip/components/TooltipFloatingElement/TooltipFloatingElement.styles.d.ts

@@ -1,15 +1,16 @@
 import { Theme } from 'themes';
 export declare const tooltipFloatingElementStyle: (theme: Theme) => {
-    fontFamily: "Roboto";
-    fontSize: 12;
-    lineHeight: "20px";
-    display: string;
-    padding: string;
-    minWidth: 32;
-    maxWidth: number;
-    borderRadius: 4;
-    alignItems: string;
-    background: "#262626";
-    color: "#FFFFFF";
-    boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
+    readonly fontFamily: "Roboto";
+    readonly fontSize: 12;
+    readonly lineHeight: "20px";
+    readonly display: "flex";
+    readonly padding: "2px 6px";
+    readonly minWidth: 32;
+    readonly maxWidth: number;
+    readonly borderRadius: 4;
+    readonly alignItems: "center";
+    readonly background: "#262626";
+    readonly color: "#FFFFFF";
+    readonly boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
+    readonly wordBreak: "break-all";
 };

package/dist/components/Tooltip/components/TooltipFloatingElement/TooltipFloatingElement.styles.js

@@ -11,6 +11,7 @@ const tooltipFloatingElementStyle = (theme) => {
     background: tooltipTokens.tooltipBg,
     color: tooltipTokens.tooltipText,
     boxShadow: theme.shadow2,
+    wordBreak: "break-all",
     ...theme.typography.body3
   };
 };

package/dist/hooks/useLoadingDelay.js

@@ -1,5 +1,6 @@
 import { isObject } from "lodash-es";
 import { useState, useRef, useEffect } from "react";
+import { loaderDelay } from "../utils/const/index.js";
 const useLoadingDelay = (loading) => {
   const [currentLoading, setCurrentLoading] = useState(false);
   const [isDelay, setIsDelay] = useState(false);
@@ -13,16 +14,18 @@ const useLoadingDelay = (loading) => {
       }
       return;
     }
-    if (isObject(loading) && loading.delay) {
+    const delay = isObject(loading) && loading.delay ? loading.delay : loaderDelay;
+    if (delay > 0) {
       setIsDelay(true);
       timer.current = setTimeout(() => {
         setCurrentLoading(true);
         setIsDelay(false);
         timer.current = void 0;
-      }, loading.delay);
-      return;
+      }, delay);
+    } else {
+      setCurrentLoading(true);
     }
-    setCurrentLoading(true);
+    return () => clearTimeout(timer.current);
   }, [loading]);
   return {
     currentLoading,

package/dist/utils/const/index.d.ts

@@ -1 +1,2 @@
 export declare const emptyString = "";
+export declare const loaderDelay = 750;

package/dist/utils/const/index.js

@@ -1,4 +1,6 @@
 const emptyString = "";
+const loaderDelay = 750;
 export {
-  emptyString
+  emptyString,
+  loaderDelay
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.15.6",
+  "version": "0.15.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",