@particle-network/ui-react 0.3.0-beta.15 → 0.3.0-beta.16

package/dist/components/UXToast/index.js

@@ -4,6 +4,7 @@ import { ToastProvider, addToast, closeAll, closeToast } from "@heroui/toast";
 import CircleCheckIcon from "@particle-network/icons/web/CircleCheckIcon";
 import CircleCloseIcon from "@particle-network/icons/web/CircleCloseIcon";
 import CloseIcon from "@particle-network/icons/web/CloseIcon";
+import { hasLongWord } from "../../utils/index.js";
 import { UXSpinner } from "../UXSpinner/index.js";
 const UXToastProvider = ()=>/*#__PURE__*/ jsx(ToastProvider, {
         disableAnimation: true,
@@ -29,12 +30,6 @@ const getIcon = (type)=>{
     });
     return null;
 };
-const hasLongWord = (text)=>{
-    if ('string' != typeof text) return false;
-    const englishWords = text.match(/[a-zA-Z0-9_-]+/g);
-    if (!englishWords) return false;
-    return englishWords.some((word)=>word.length > 30);
-};
 const show = (props)=>{
     const { type, hideCloseButton, variant, classNames, description, ...toastProps } = props ?? {};
     const { base, description: descriptionClassName, icon, loadingComponent, content, closeButton, ...restClassNames } = classNames ?? {};

package/dist/components/UXTooltip/index.js

@@ -1,5 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
+import { hasLongWord } from "../../utils/index.js";
 import tooltip_extend from "./tooltip.extend.js";
 const renderContent = (content)=>{
     if (!content) return null;
@@ -13,9 +14,17 @@ const renderContent = (content)=>{
         ]);
 };
 const UXTooltip = (props)=>{
-    const { content, ...restProps } = props;
+    const { content, classNames, ...restProps } = props;
+    const { content: contentClassName, ...restClassNames } = classNames ?? {};
     return /*#__PURE__*/ jsx(tooltip_extend, {
         content: renderContent(content),
+        classNames: {
+            content: [
+                hasLongWord(content) && 'break-all',
+                contentClassName
+            ],
+            ...restClassNames
+        },
         ...restProps
     });
 };

package/dist/utils/detect.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export declare const hasLongWord: (text: React.ReactNode) => boolean;

package/dist/utils/detect.js

@@ -0,0 +1,7 @@
+const hasLongWord = (text)=>{
+    if ('string' != typeof text) return false;
+    const englishWords = text.match(/[a-zA-Z0-9_-]+/g);
+    if (!englishWords) return false;
+    return englishWords.some((word)=>word.length > 30);
+};
+export { hasLongWord };

package/dist/utils/index.d.ts

@@ -1,3 +1,4 @@
 export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses, } from './classes';
+export * from './detect';
 export * from './input-classes';
 export { colorVariants } from './variants';

package/dist/utils/index.js

@@ -1,4 +1,5 @@
 import { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses } from "./classes.js";
 import { colorVariants } from "./variants.js";
+export * from "./detect.js";
 export * from "./input-classes.js";
 export { absoluteFullClasses, baseStyles, collapseAdjacentVariantBorders, colorVariants, dataFocusVisibleClasses, focusVisibleClasses, groupDataFocusVisibleClasses, hiddenInputClasses, ringClasses, translateCenterClasses };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.3.0-beta.15",
+  "version": "0.3.0-beta.16",
   "type": "module",
   "exports": {
     ".": {