@seeqdev/qomponents 0.0.35 → 0.0.37

package/dist/index.js

@@ -51,7 +51,7 @@ const browserName = browserId && browserId.split(' ', 2)[0];
 browserId && parseInt(browserId.split(' ', 2)[1], 10);
 const browserIsFirefox = browserId && browserName === 'Firefox';
 
-const DEFAULT_TOOL_TIP_DELAY = 1000;
+const DEFAULT_TOOL_TIP_DELAY = 500;
 
 const colorClassesThemeLight = {
     'theme': 'tw-text-sq-color-dark',
@@ -2777,8 +2777,7 @@ const arrow = options => {
           }).fn(state);
         }
         return {};
-      }
-      if (element) {
+      } else if (element) {
         return arrow$1({
           element,
           padding
@@ -2803,13 +2802,11 @@ function deepEqual(a, b) {
   if (typeof a === 'function' && a.toString() === b.toString()) {
     return true;
   }
-  let length;
-  let i;
-  let keys;
-  if (a && b && typeof a === 'object') {
+  let length, i, keys;
+  if (a && b && typeof a == 'object') {
     if (Array.isArray(a)) {
       length = a.length;
-      if (length !== b.length) return false;
+      if (length != b.length) return false;
       for (i = length; i-- !== 0;) {
         if (!deepEqual(a[i], b[i])) {
           return false;
@@ -2838,8 +2835,6 @@ function deepEqual(a, b) {
     }
     return true;
   }
-
-  // biome-ignore lint/suspicious/noSelfCompare: in source
   return a !== a && b !== b;
 }
 
@@ -2900,23 +2895,22 @@ function useFloating(options) {
   const [_reference, _setReference] = React__namespace.useState(null);
   const [_floating, _setFloating] = React__namespace.useState(null);
   const setReference = React__namespace.useCallback(node => {
-    if (node !== referenceRef.current) {
+    if (node != referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
-  }, []);
+  }, [_setReference]);
   const setFloating = React__namespace.useCallback(node => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
     }
-  }, []);
+  }, [_setFloating]);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
   const referenceRef = React__namespace.useRef(null);
   const floatingRef = React__namespace.useRef(null);
   const dataRef = React__namespace.useRef(data);
-  const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform);
   const update = React__namespace.useCallback(() => {
@@ -2960,18 +2954,17 @@ function useFloating(options) {
       isMountedRef.current = false;
     };
   }, []);
-
-  // biome-ignore lint/correctness/useExhaustiveDependencies: `hasWhileElementsMounted` is intentionally included.
   index$1(() => {
     if (referenceEl) referenceRef.current = referenceEl;
     if (floatingEl) floatingRef.current = floatingEl;
     if (referenceEl && floatingEl) {
       if (whileElementsMountedRef.current) {
         return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+      } else {
+        update();
       }
-      update();
     }
-  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  }, [referenceEl, floatingEl, update, whileElementsMountedRef]);
   const refs = React__namespace.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
@@ -4546,7 +4539,7 @@ const ToolbarButton = ({ isSmall = false, label, icon, secondIcon, forceSmallIco
         }
     };
     return (React__namespace.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { defaultOpen: false, onOpenChange: onOpenChange },
-        React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id },
+        React__namespace.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { id: id, className: "tw-border-none", asChild: true },
             React__namespace.createElement("button", { ...tooltipData, className: `tw-bg-transparent tw-p-0 tw-flex tw-flex-col tw-items-center ${isSmall ? 'tw-py-[1px] tw-px-[5px]' : 'tw-px-2 tw-py-[3px]'} ${disabled ? disabledClasses$1 : isActive ? activeBorderStyles : triggerBorderStyles} ${extraClassNames || ''}`, "data-testid": testId, disabled: disabled, onClick: (e) => {
                     onClick && onClick(e);
                 } },