@powerhousedao/document-engineering 1.37.0 → 1.39.0

package/dist/src/ui/components/tooltip/tooltip.test.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { describe, expect, it } from 'vitest';
+import { Tooltip, TooltipProvider } from './tooltip.js';
+const TooltipTest = ({ content = 'Test tooltip', children = 'Hover me', ...props }) => (_jsx(TooltipProvider, { children: _jsx(Tooltip, { content: content, ...props, children: children }) }));
+describe('Tooltip', () => {
+    it('should render trigger element', () => {
+        render(_jsx(TooltipTest, {}));
+        expect(screen.getByRole('button')).toBeInTheDocument();
+    });
+    it('should show tooltip on hover', async () => {
+        const onOpenChange = vi.fn();
+        render(_jsx(TooltipTest, { onOpenChange: onOpenChange }));
+        const trigger = screen.getByText('Hover me');
+        const user = userEvent.setup();
+        await user.hover(trigger);
+        // Wait for the tooltip to be visible by role
+        const tooltip = await waitFor(() => screen.getAllByText('Test tooltip'));
+        expect(tooltip[0]).toBeInTheDocument();
+    });
+    it('should hide tooltip when mouse leaves', async () => {
+        render(_jsx(TooltipTest, {}));
+        const trigger = screen.getByRole('button');
+        fireEvent.mouseEnter(trigger);
+        fireEvent.mouseLeave(trigger);
+        await waitFor(() => {
+            expect(screen.queryByRole('tooltip')).not.toBeInTheDocument();
+        });
+    });
+    it('should render with custom content', () => {
+        render(_jsx(TooltipTest, { content: _jsx("div", { children: "Custom tooltip" }), open: true }));
+        expect(screen.getByRole('tooltip')).toBeInTheDocument();
+    });
+    it('should render with custom trigger element', () => {
+        render(_jsx(TooltipTest, { children: _jsx("span", { children: "Custom trigger" }) }));
+        expect(screen.getByText('Custom trigger')).toBeInTheDocument();
+    });
+    it('should be controlled with open prop', () => {
+        render(_jsx(TooltipTest, { open: true }));
+        expect(screen.getByRole('tooltip')).toBeInTheDocument();
+    });
+    it('should apply custom className to tooltip content', () => {
+        // custom class for testing purposes
+        render(_jsx(TooltipTest, { className: "custom-class", open: true }));
+        const tooltip = screen.getAllByText('Test tooltip');
+        expect(tooltip[0]).toHaveClass('custom-class');
+    });
+    it('should render with different alignments', () => {
+        render(_jsx(TooltipTest, { align: "start", open: true }));
+        const tooltip = screen.getAllByText('Test tooltip');
+        expect(tooltip[0]).toHaveAttribute('data-align', 'start');
+    });
+    it('should render on different sides', () => {
+        render(_jsx(TooltipTest, { side: "right", open: true }));
+        const tooltip = screen.getAllByText('Test tooltip');
+        expect(tooltip[0]).toHaveAttribute('data-side', 'right');
+    });
+});
+//# sourceMappingURL=tooltip.test.js.map

package/dist/src/ui/components/tooltip/tooltip.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/tooltip/tooltip.test.tsx"],"names":[],"mappings":"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"}

package/dist/style.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
 @layer properties;
 @layer theme, base, components, utilities;
@@ -272,6 +272,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -1130,7 +1133,7 @@
     border-radius: 100px;
   }
   .rounded-full {
-    border-radius: calc(infinity * 1px);
+    border-radius: calc(infinity * 1px) !important;
   }
   .rounded-lg {
     border-radius: var(--radius-lg);
@@ -1946,7 +1949,7 @@
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2133,7 +2136,7 @@
   }
   .file\:rounded-full {
     &::file-selector-button {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .file\:border-0 {
@@ -2228,7 +2231,7 @@
   .before\:rounded-full {
     &::before {
       content: var(--tw-content);
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .before\:bg-blue-900 {
@@ -2349,7 +2352,7 @@
   .after\:rounded-full {
     &::after {
       content: var(--tw-content);
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .after\:bg-gray-300 {
@@ -2372,7 +2375,6 @@
   }
   .after\:content-\[\'\'\] {
     &::after {
-      content: var(--tw-content);
       --tw-content: '';
       content: var(--tw-content);
     }
@@ -4208,7 +4210,7 @@
   }
   .\[\&_\.date-picker\\\\_\\\\_button-next\]\:rounded-full {
     & .date-picker\_\_button-next {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .\[\&_\.date-picker\\\\_\\\\_button-next\]\:border-2 {
@@ -4321,7 +4323,7 @@
   }
   .\[\&_\.date-picker\\\\_\\\\_button-previous\]\:rounded-full {
     & .date-picker\_\_button-previous {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .\[\&_\.date-picker\\\\_\\\\_button-previous\]\:border-2 {
@@ -4490,7 +4492,7 @@
   }
   .\[\&_\.date-picker\\\\_\\\\_day-button\]\:rounded-full {
     & .date-picker\_\_day-button {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .\[\&_\.date-picker\\\\_\\\\_day-button\]\:font-medium {
@@ -4834,7 +4836,7 @@
   }
   .\[\&_\.date-picker\\\\_\\\\_today\]\:rounded-full {
     & .date-picker\_\_today {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .\[\&_\.date-picker\\\\_\\\\_today\]\:border-2 {
@@ -5100,7 +5102,7 @@
   }
   .\[\&_\.radio-group\\\\_\\\\_item\]\:rounded-full {
     & .radio-group\_\_item {
-      border-radius: calc(infinity * 1px);
+      border-radius: calc(infinity * 1px) !important;
     }
   }
   .\[\&_\.radio-group\\\\_\\\\_item\]\:text-cyan-400 {
@@ -5983,7 +5985,7 @@
   .\[\&_\.date-picker\\\\_\\\\_date-footer\]\:\[\&\>button\]\:rounded-full {
     & .date-picker\_\_date-footer {
       &>button {
-        border-radius: calc(infinity * 1px);
+        border-radius: calc(infinity * 1px) !important;
       }
     }
   }