From 6f5f7fa526add5aa7601e2c4990df2da714c5cb5 Mon Sep 17 00:00:00 2001 From: Xavi Abad <77491413+xabg2@users.noreply.github.com> Date: Fri, 20 Feb 2026 09:18:59 +0100 Subject: [PATCH 1/4] chore: update peerDependencies version to use react 19 --- package.json | 3 ++- vite.config.ts | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 503d3a9..8a2644e 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,8 @@ ], "peerDependencies": { "@phosphor-icons/react": "^2.1.10", - "react": "^18.3.1", + "react": ">=18.2.0", + "react-dom": ">=18.2.0", "react-dnd": "16.0.1", "react-dnd-html5-backend": "^16.0.1" }, diff --git a/vite.config.ts b/vite.config.ts index 774ece2..b823b6a 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -35,7 +35,7 @@ export default defineConfig({ formats: ['cjs', 'es'], }, rollupOptions: { - external: [...Object.keys(peerDependencies)], + external: [...Object.keys(peerDependencies), /^react\/.*/, /^react-dom\/.*/], }, sourcemap: true, emptyOutDir: true, From 2da7f2f49dc32445de3844013659547eb622c0d6 Mon Sep 17 00:00:00 2001 From: Xavi Abad <77491413+xabg2@users.noreply.github.com> Date: Fri, 20 Feb 2026 09:41:21 +0100 Subject: [PATCH 2/4] chore: update package version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 8a2644e..dbd585e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@internxt/ui", - "version": "0.1.4", + "version": "0.1.5", "description": "Library of Internxt components", "repository": { "type": "git", From f4d39c07e7019739efc7065d84052f53f2d3d371 Mon Sep 17 00:00:00 2001 From: Xavier Abad <77491413+xabg2@users.noreply.github.com> Date: Wed, 4 Mar 2026 09:06:13 +0100 Subject: [PATCH 3/4] chore: bump ui package version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 7665bb3..1971667 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@internxt/ui", - "version": "0.1.8", + "version": "0.1.9", "description": "Library of Internxt components", "repository": { "type": "git", From 30ce0beeee2c29e460f57962e709b77743612a3e Mon Sep 17 00:00:00 2001 From: Xavier Abad <77491413+xabg2@users.noreply.github.com> Date: Wed, 4 Mar 2026 09:14:44 +0100 Subject: [PATCH 4/4] tests: fix Sidenav component tests --- .../sidenav/__test__/Sidenav.test.tsx | 22 +- .../__snapshots__/Sidenav.test.tsx.snap | 425 ++++++++++++------ 2 files changed, 293 insertions(+), 154 deletions(-) diff --git a/src/components/sidenav/__test__/Sidenav.test.tsx b/src/components/sidenav/__test__/Sidenav.test.tsx index 9d90136..0c6e7e4 100644 --- a/src/components/sidenav/__test__/Sidenav.test.tsx +++ b/src/components/sidenav/__test__/Sidenav.test.tsx @@ -202,18 +202,22 @@ describe('Sidenav Component', () => { }); it('hides option titles when collapsed', () => { - const { queryByText } = renderSidenav({ isCollapsed: true }); - expect(queryByText('Inbox')).not.toBeInTheDocument(); - expect(queryByText('Sent')).not.toBeInTheDocument(); + const { getByText } = renderSidenav({ isCollapsed: true }); + const inboxText = getByText('Inbox'); + const sentText = getByText('Sent'); + expect(inboxText).toHaveClass('opacity-0'); + expect(sentText).toHaveClass('opacity-0'); }); it('hides notifications when collapsed', () => { - const { queryByText } = renderSidenav({ isCollapsed: true }); - expect(queryByText('5')).not.toBeInTheDocument(); + const { getByText } = renderSidenav({ isCollapsed: true }); + const notificationBadge = getByText('5').closest('div'); + expect(notificationBadge).toHaveClass('opacity-0'); + expect(notificationBadge).toHaveClass('invisible'); }); it('hides storage when collapsed', () => { - const { queryByText } = renderSidenav({ + const { getByText } = renderSidenav({ isCollapsed: true, storage: { usage: '2.8 GB', @@ -224,8 +228,10 @@ describe('Sidenav Component', () => { isLoading: false, }, }); - expect(queryByText('2.8 GB')).not.toBeInTheDocument(); - expect(queryByText('Upgrade')).not.toBeInTheDocument(); + const usageText = getByText('2.8 GB'); + const storageContainer = usageText.closest('div')?.parentElement?.parentElement?.parentElement; + expect(storageContainer).toHaveClass('opacity-0'); + expect(storageContainer).toHaveClass('invisible'); }); it('hides subsections when collapsed even if showSubsections is true', () => { diff --git a/src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap b/src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap index bc93356..f9c9a4d 100644 --- a/src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap +++ b/src/components/sidenav/__test__/__snapshots__/Sidenav.test.tsx.snap @@ -9,38 +9,51 @@ exports[`Sidenav Component > should match snapshot 1`] = ` class="flex flex-col" >
- + Mail +

+ Mail +

+ +
+
+
+
@@ -155,57 +174,84 @@ exports[`Sidenav Component > should match snapshot 1`] = ` exports[`Sidenav Component > should match snapshot when collapsed 1`] = `
+ + + +
+
+
+
+
@@ -291,43 +381,57 @@ exports[`Sidenav Component > should match snapshot with primary action 1`] = ` class="flex flex-col" >
- + Mail +

+ Mail +

+ +
- +
+ +
+
@@ -448,38 +558,51 @@ exports[`Sidenav Component > should match snapshot with storage 1`] = ` class="flex flex-col" >
- + Mail +

+ Mail +

+ +
+
+
+
-

- 2.8 GB -

-

- / -

-

+ 2.8 GB +

+

+ / +

+

+ 4 GB +

+
+
- -
-
+ class="flex w-full h-1.5 bg-gray-10 rounded-full" + > +
+