@arbor-education/design-system.components 0.4.0 → 0.4.2

package/dist/components/userDropdown/UserDropdown.stories.js

@@ -0,0 +1,222 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { UserDropdown } from './UserDropdown';
+import { ArborLogo, GovhubLogo, KeyLogo, RobinLogo, SampeopleLogo, TimetablerLogo } from './assets/logos';
+const meta = {
+    title: 'Components/UserDropdown',
+    component: UserDropdown,
+    tags: ['autodocs'],
+};
+// Mock avatar image (placeholder)
+const avatarSrc = 'data:image/svg+xml,%3Csvg width="32" height="32" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="16" cy="16" r="16" fill="%233cad51"/%3E%3Ctext x="16" y="21" font-family="Arial" font-size="14" font-weight="bold" fill="white" text-anchor="middle"%3ECM%3C/text%3E%3C/svg%3E';
+// Import real logos from assets
+const logoArborWorkflows = ArborLogo;
+const logoGovernorHub = GovhubLogo;
+const logoTheKey = KeyLogo;
+const logoRobin = RobinLogo;
+const logoSamPeople = SampeopleLogo;
+const logoTimetabler = TimetablerLogo;
+const AppLogo = ({ src, alt }) => (_jsx("img", { src: src, alt: alt, width: 24, height: 24, style: { objectFit: 'contain' } }));
+// Mock company logo SVG
+const mockLogoSrc = 'data:image/svg+xml,%3Csvg width="50" height="30" xmlns="http://www.w3.org/2000/svg"%3E%3Crect width="50" height="30" rx="4" fill="%233cad51"/%3E%3Ctext x="25" y="20" font-family="Arial" font-size="14" font-weight="bold" fill="white" text-anchor="middle"%3ELogo%3C/text%3E%3C/svg%3E';
+export const Default = {
+    args: {
+        user: {
+            name: 'Christine Montgomery-Smith',
+            subtitle: 'Business Manager',
+            avatarSrc,
+            avatarAlt: 'Christine Montgomery-Smith',
+        },
+        logoSrc: mockLogoSrc,
+        logoAlt: 'Arbor',
+        sections: [
+            {
+                label: 'My Apps',
+                apps: [
+                    {
+                        logo: _jsx(AppLogo, { src: logoArborWorkflows, alt: "Arbor Workflows" }),
+                        name: 'Arbor Workflows',
+                        onClick: () => { console.log('Open Arbor Workflows'); },
+                    },
+                    {
+                        logo: _jsx(AppLogo, { src: logoGovernorHub, alt: "GovernorHub" }),
+                        name: 'GovernorHub',
+                        onClick: () => { console.log('Open GovernorHub'); },
+                    },
+                    {
+                        logo: _jsx(AppLogo, { src: logoTheKey, alt: "The Key" }),
+                        name: 'The Key',
+                        onClick: () => { console.log('Open The Key'); },
+                    },
+                ],
+            },
+        ],
+        discoverSection: {
+            label: 'Discover the Arbor suite',
+            defaultOpen: true,
+            apps: [
+                {
+                    logo: _jsx(AppLogo, { src: logoArborWorkflows, alt: "Arbor Finance" }),
+                    name: 'Arbor Finance',
+                    description: 'Cloud-based accounting',
+                    onClick: () => { console.log('Open Arbor Finance'); },
+                },
+                {
+                    logo: _jsx(AppLogo, { src: logoRobin, alt: "Robin" }),
+                    name: 'Robin',
+                    description: 'AI website compliance checks',
+                    onClick: () => { console.log('Open Robin'); },
+                },
+                {
+                    logo: _jsx(AppLogo, { src: logoSamPeople, alt: "SAMPeople" }),
+                    name: 'SAMPeople',
+                    description: 'HR and recruitment',
+                    onClick: () => { console.log('Open SAMPeople'); },
+                },
+                {
+                    logo: _jsx(AppLogo, { src: logoTimetabler, alt: "Timetabler" }),
+                    name: 'Timetabler',
+                    description: 'Schedule timetables and more',
+                    onClick: () => { console.log('Open Timetabler'); },
+                },
+            ],
+        },
+        userInfoAction: { type: 'link', onClick: () => { console.log('View profile'); } },
+        onSignOut: () => { console.log('Sign out'); },
+        signOutLabel: 'Sign out of Arbor',
+    },
+};
+export const WithApps = {
+    args: {
+        user: {
+            name: 'Christine Montgomery-Smith',
+            subtitle: 'Business Manager',
+            avatarInitials: 'CM',
+        },
+        sections: [
+            {
+                label: 'Quick Actions',
+                apps: [
+                    { name: 'Settings', onClick: () => { console.log('Settings'); } },
+                    { name: 'Help', onClick: () => { console.log('Help'); } },
+                ],
+            },
+        ],
+        onSignOut: () => { console.log('Sign out'); },
+    },
+};
+export const Minimal = {
+    args: {
+        user: {
+            name: 'Christine Montgomery',
+            avatarInitials: 'CM',
+            avatarAlt: 'Christine Montgomery',
+        },
+        onSignOut: () => { console.log('Sign out'); },
+    },
+};
+export const WithMenu = {
+    args: {
+        user: {
+            name: 'Christine Montgomery-Smith',
+            subtitle: 'Business Manager',
+            avatarSrc,
+            avatarAlt: 'Christine Montgomery-Smith',
+        },
+        logoSrc: mockLogoSrc,
+        logoAlt: 'Arbor',
+        sections: [
+            {
+                label: 'My Apps',
+                apps: [
+                    {
+                        logo: _jsx(AppLogo, { src: logoArborWorkflows, alt: "Arbor Workflows" }),
+                        name: 'Arbor Workflows',
+                        onClick: () => { console.log('Open Arbor Workflows'); },
+                    },
+                ],
+            },
+        ],
+        userInfoAction: {
+            type: 'menu',
+            items: [
+                { label: 'Help centre', onClick: () => { console.log('Help centre'); } },
+                { label: 'About', onClick: () => { console.log('About'); } },
+                { label: 'Leave feedback', onClick: () => { console.log('Leave feedback'); } },
+            ],
+        },
+        onSignOut: () => { console.log('Sign out'); },
+        signOutLabel: 'Sign out of Arbor',
+    },
+};
+export const DarkVariant = {
+    args: {
+        user: {
+            name: 'Christine Montgomery-Smith',
+            subtitle: 'Business Manager',
+            avatarSrc,
+            avatarAlt: 'Christine Montgomery-Smith',
+        },
+        logoSrc: mockLogoSrc,
+        logoAlt: 'Arbor',
+        variant: 'dark',
+        sections: [
+            {
+                label: 'My Apps',
+                apps: [
+                    {
+                        logo: _jsx(AppLogo, { src: logoArborWorkflows, alt: "Arbor Workflows" }),
+                        name: 'Arbor Workflows',
+                        onClick: () => { console.log('Open Arbor Workflows'); },
+                    },
+                ],
+            },
+        ],
+        onSignOut: () => { console.log('Sign out'); },
+        signOutLabel: 'Sign out of Arbor',
+    },
+    parameters: {
+        backgrounds: {
+            default: 'dark',
+            values: [
+                { name: 'dark', value: '#2f2f2f' },
+            ],
+        },
+    },
+};
+export const LightVariant = {
+    args: {
+        user: {
+            name: 'Christine Montgomery-Smith',
+            subtitle: 'Business Manager',
+            avatarSrc,
+            avatarAlt: 'Christine Montgomery-Smith',
+        },
+        logoSrc: mockLogoSrc,
+        logoAlt: 'Arbor',
+        variant: 'light',
+        sections: [
+            {
+                label: 'My Apps',
+                apps: [
+                    {
+                        logo: _jsx(AppLogo, { src: logoArborWorkflows, alt: "Arbor Workflows" }),
+                        name: 'Arbor Workflows',
+                        onClick: () => { console.log('Open Arbor Workflows'); },
+                    },
+                ],
+            },
+        ],
+        onSignOut: () => { console.log('Sign out'); },
+        signOutLabel: 'Sign out of Arbor',
+    },
+    parameters: {
+        backgrounds: {
+            default: 'light',
+            values: [
+                { name: 'light', value: '#ffffff' },
+            ],
+        },
+    },
+};
+export default meta;
+//# sourceMappingURL=UserDropdown.stories.js.map

package/dist/components/userDropdown/UserDropdown.stories.js.map

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

package/dist/components/userDropdown/UserDropdown.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=UserDropdown.test.d.ts.map

package/dist/components/userDropdown/UserDropdown.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdown.test.d.ts","sourceRoot":"","sources":["../../../src/components/userDropdown/UserDropdown.test.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC"}

package/dist/components/userDropdown/UserDropdown.test.js

@@ -0,0 +1,197 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { UserDropdown } from './UserDropdown';
+import '@testing-library/jest-dom/vitest';
+describe('UserDropdown', () => {
+    const mockUser = {
+        name: 'John Doe',
+        subtitle: 'Software Engineer',
+        avatarInitials: 'JD',
+    };
+    const mockOnSignOut = vi.fn();
+    const clickTrigger = async (user) => {
+        const trigger = screen.getByRole('button', { expanded: false });
+        await user.click(trigger);
+    };
+    test('renders with minimal props', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('John Doe')).toBeInTheDocument();
+        expect(screen.getByText('Software Engineer')).toBeInTheDocument();
+        expect(screen.getByText('Sign out')).toBeInTheDocument();
+    });
+    test('renders user info with avatar image', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: {
+                ...mockUser,
+                avatarSrc: 'https://example.com/avatar.jpg',
+                avatarAlt: 'Test User',
+            }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        const images = screen.getAllByRole('img', { hidden: true });
+        const avatar = images.find(img => img.getAttribute('src') === 'https://example.com/avatar.jpg');
+        expect(avatar).toBeDefined();
+        expect(avatar).toHaveAttribute('src', 'https://example.com/avatar.jpg');
+    });
+    test('renders with logo', () => {
+        render(_jsx(UserDropdown, { user: mockUser, logoSrc: "https://example.com/logo.png", logoAlt: "Company Logo", onSignOut: mockOnSignOut }));
+        const logo = screen.getByAltText('Company Logo');
+        expect(logo).toBeInTheDocument();
+        expect(logo).toHaveAttribute('src', 'https://example.com/logo.png');
+    });
+    test('renders without role', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: { name: 'John Doe', avatarInitials: 'JD' }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('John Doe')).toBeInTheDocument();
+        expect(screen.queryByText('Software Engineer')).not.toBeInTheDocument();
+    });
+    test('renders app sections', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, sections: [
+                {
+                    label: 'My Apps',
+                    apps: [
+                        { name: 'App 1', onClick: vi.fn() },
+                        { name: 'App 2', onClick: vi.fn() },
+                    ],
+                },
+            ], onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('My Apps')).toBeInTheDocument();
+        expect(screen.getByText('App 1')).toBeInTheDocument();
+        expect(screen.getByText('App 2')).toBeInTheDocument();
+    });
+    test('renders app item with description', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, sections: [
+                {
+                    apps: [
+                        { name: 'My App', description: 'A great app', onClick: vi.fn() },
+                    ],
+                },
+            ], onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('My App')).toBeInTheDocument();
+        expect(screen.getByText('A great app')).toBeInTheDocument();
+    });
+    test('renders app item with logo', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, sections: [
+                {
+                    apps: [
+                        {
+                            name: 'My App',
+                            logo: _jsx("img", { src: "logo.png", alt: "Logo" }),
+                            onClick: vi.fn(),
+                        },
+                    ],
+                },
+            ], onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByAltText('Logo')).toBeInTheDocument();
+    });
+    test('renders discover section collapsed by default', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, discoverSection: {
+                label: 'Discover',
+                apps: [
+                    { name: 'Hidden App', onClick: vi.fn() },
+                ],
+            }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('Discover')).toBeInTheDocument();
+        expect(screen.queryByText('Hidden App')).not.toBeInTheDocument();
+    });
+    test('renders discover section open when defaultOpen is true', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, discoverSection: {
+                label: 'Discover',
+                defaultOpen: true,
+                apps: [
+                    { name: 'Visible App', onClick: vi.fn() },
+                ],
+            }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.getByText('Discover')).toBeInTheDocument();
+        expect(screen.getByText('Visible App')).toBeInTheDocument();
+    });
+    test('toggles discover section when clicked', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, discoverSection: {
+                label: 'Discover',
+                apps: [
+                    { name: 'Toggle App', onClick: vi.fn() },
+                ],
+            }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        expect(screen.queryByText('Toggle App')).not.toBeInTheDocument();
+        await user.click(screen.getByText('Discover'));
+        expect(screen.getByText('Toggle App')).toBeInTheDocument();
+        await user.click(screen.getByText('Discover'));
+        expect(screen.queryByText('Toggle App')).not.toBeInTheDocument();
+    });
+    test('calls userInfoAction onClick when user info is clicked with link action', async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(UserDropdown, { user: mockUser, userInfoAction: { type: 'link', onClick: handleClick }, onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        await user.click(screen.getByText('John Doe'));
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    test('calls app onClick when app item is clicked', async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(UserDropdown, { user: mockUser, sections: [
+                {
+                    apps: [
+                        { name: 'My App', onClick: handleClick },
+                    ],
+                },
+            ], onSignOut: mockOnSignOut }));
+        await clickTrigger(user);
+        await user.click(screen.getByText('My App'));
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    test('calls onSignOut when sign out is clicked', async () => {
+        const user = userEvent.setup();
+        const handleSignOut = vi.fn();
+        render(_jsx(UserDropdown, { user: mockUser, onSignOut: handleSignOut }));
+        await clickTrigger(user);
+        await user.click(screen.getByText('Sign out'));
+        expect(handleSignOut).toHaveBeenCalledTimes(1);
+    });
+    test('renders custom sign out label', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, onSignOut: mockOnSignOut, signOutLabel: "Log out" }));
+        await clickTrigger(user);
+        expect(screen.getByText('Log out')).toBeInTheDocument();
+        expect(screen.queryByText('Sign out')).not.toBeInTheDocument();
+    });
+    test('renders complete dropdown structure', async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserDropdown, { user: mockUser, logoSrc: "https://example.com/logo.png", sections: [
+                {
+                    label: 'Apps',
+                    apps: [
+                        { name: 'App 1', onClick: vi.fn() },
+                    ],
+                },
+            ], discoverSection: {
+                label: 'Discover',
+                apps: [
+                    { name: 'App 2', onClick: vi.fn() },
+                ],
+            }, userInfoAction: { type: 'link', onClick: vi.fn() }, onSignOut: mockOnSignOut, signOutLabel: "Sign out of Arbor" }));
+        await clickTrigger(user);
+        expect(screen.getByRole('menu')).toBeInTheDocument();
+        expect(screen.getByText('John Doe')).toBeInTheDocument();
+        expect(screen.getByText('Apps')).toBeInTheDocument();
+        expect(screen.getByText('App 1')).toBeInTheDocument();
+        expect(screen.getByText('Sign out of Arbor')).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=UserDropdown.test.js.map

package/dist/components/userDropdown/UserDropdown.test.js.map

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

package/dist/components/userDropdown/assets/logos.d.ts

@@ -0,0 +1,7 @@
+export declare const ArborLogo: string;
+export declare const GovhubLogo: string;
+export declare const KeyLogo: string;
+export declare const RobinLogo: string;
+export declare const SampeopleLogo: string;
+export declare const TimetablerLogo: string;
+//# sourceMappingURL=logos.d.ts.map

package/dist/components/userDropdown/assets/logos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/assets/logos.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,QAAW,CAAC;AAClC,eAAO,MAAM,UAAU,QAAY,CAAC;AACpC,eAAO,MAAM,OAAO,QAAS,CAAC;AAC9B,eAAO,MAAM,SAAS,QAAW,CAAC;AAClC,eAAO,MAAM,aAAa,QAAe,CAAC;AAC1C,eAAO,MAAM,cAAc,QAAgB,CAAC"}

package/dist/components/userDropdown/assets/logos.js

@@ -0,0 +1,13 @@
+import arborPng from './arbor.png';
+import govhubPng from './govhub.png';
+import keyPng from './key.png';
+import robinPng from './robin.png';
+import sampeoplePng from './sampeople.png';
+import timetablerPng from './timetabler.png';
+export const ArborLogo = arborPng;
+export const GovhubLogo = govhubPng;
+export const KeyLogo = keyPng;
+export const RobinLogo = robinPng;
+export const SampeopleLogo = sampeoplePng;
+export const TimetablerLogo = timetablerPng;
+//# sourceMappingURL=logos.js.map

package/dist/components/userDropdown/assets/logos.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logos.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/assets/logos.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC;AAClC,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC;AACpC,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC;AAC9B,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC;AAClC,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC;AAC1C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownAppItem.d.ts

@@ -0,0 +1,3 @@
+import type { UserDropdownApp } from '../UserDropdown';
+export declare const UserDropdownAppItem: (props: UserDropdownApp) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UserDropdownAppItem.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownAppItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownAppItem.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownAppItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,eAAO,MAAM,mBAAmB,GAAI,OAAO,eAAe,4CAezD,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownAppItem.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { Icon } from '../../icon/Icon';
+export const UserDropdownAppItem = (props) => {
+    const { logo, name, description, onClick } = props;
+    return (_jsxs(Dropdown.Item, { className: "ds-user-dropdown__app-item", onClick: onClick, children: [logo && _jsx("div", { className: "ds-user-dropdown__app-item-logo", children: logo }), _jsxs("div", { className: "ds-user-dropdown__app-item-text", children: [_jsx("div", { className: "ds-user-dropdown__app-item-name", children: name }), description && _jsx("div", { className: "ds-user-dropdown__app-item-description", children: description })] }), _jsx("div", { className: "ds-user-dropdown__app-item-arrow", "aria-hidden": "true", children: _jsx(Icon, { name: "arrow-up-right", size: 16 }) })] }));
+};
+//# sourceMappingURL=UserDropdownAppItem.js.map

package/dist/components/userDropdown/internal/UserDropdownAppItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownAppItem.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownAppItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAG5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5D,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEnD,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,OAAO,aACnE,IAAI,IAAI,cAAK,SAAS,EAAC,iCAAiC,YAAE,IAAI,GAAO,EACtE,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,iCAAiC,YAAE,IAAI,GAAO,EAC5D,WAAW,IAAI,cAAK,SAAS,EAAC,wCAAwC,YAAE,WAAW,GAAO,IACvF,EACN,cAAK,SAAS,EAAC,kCAAkC,iBAAa,MAAM,YAClE,KAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,IAAI,EAAE,EAAE,GAAI,GACpC,IACQ,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.d.ts

@@ -0,0 +1,9 @@
+import type { UserDropdownApp } from '../UserDropdown';
+type UserDropdownCollapsibleSectionProps = {
+    label: string;
+    apps: UserDropdownApp[];
+    defaultOpen?: boolean;
+};
+export declare const UserDropdownCollapsibleSection: (props: UserDropdownCollapsibleSectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownCollapsibleSection.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownCollapsibleSection.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownCollapsibleSection.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGvD,KAAK,mCAAmC,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,OAAO,mCAAmC,4CAyBxF,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import { Icon } from '../../icon/Icon';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { UserDropdownAppItem } from './UserDropdownAppItem';
+export const UserDropdownCollapsibleSection = (props) => {
+    const { label, apps, defaultOpen = false } = props;
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    return (_jsxs("div", { className: "ds-user-dropdown__collapsible-section", children: [_jsxs("div", { className: "ds-user-dropdown__collapsible-section-header", onClick: () => { setIsOpen(!isOpen); }, role: "button", tabIndex: 0, "aria-expanded": isOpen, children: [_jsx("span", { className: "ds-user-dropdown__collapsible-section-label", children: label }), _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16, className: "ds-user-dropdown__collapsible-section-icon" })] }), isOpen && (_jsx(Dropdown.Group, { className: "ds-user-dropdown__collapsible-section-content", children: apps.map((app, index) => (_jsx(UserDropdownAppItem, { ...app }, index))) }))] }));
+};
+//# sourceMappingURL=UserDropdownCollapsibleSection.js.map

package/dist/components/userDropdown/internal/UserDropdownCollapsibleSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownCollapsibleSection.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownCollapsibleSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAQ5D,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,KAA0C,EAAE,EAAE;IAC3F,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,uCAAuC,aACpD,eACE,SAAS,EAAC,8CAA8C,EACxD,OAAO,EAAE,GAAG,EAAE,GAAG,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,mBACI,MAAM,aAErB,eAAM,SAAS,EAAC,6CAA6C,YAAE,KAAK,GAAQ,EAC5E,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,4CAA4C,GAAG,IACnH,EACL,MAAM,IAAI,CACT,KAAC,QAAQ,CAAC,KAAK,IAAC,SAAS,EAAC,+CAA+C,YACtE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,mBAAmB,OAAiB,GAAG,IAAd,KAAK,CAAa,CAC7C,CAAC,GACa,CAClB,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownSignOut.d.ts

@@ -0,0 +1,7 @@
+type UserDropdownSignOutProps = {
+    onClick: () => void;
+    label?: string;
+};
+export declare const UserDropdownSignOut: (props: UserDropdownSignOutProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownSignOut.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownSignOut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownSignOut.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownSignOut.tsx"],"names":[],"mappings":"AAIA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CASlE,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownSignOut.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Icon } from '../../icon/Icon';
+import { Dropdown } from '../../dropdown/Dropdown';
+export const UserDropdownSignOut = (props) => {
+    const { onClick, label = 'Sign out' } = props;
+    return (_jsxs(Dropdown.Item, { className: "ds-user-dropdown__sign-out", onClick: onClick, children: [_jsx(Icon, { name: "log-out", size: 24 }), _jsx("span", { className: "ds-user-dropdown__sign-out-label", children: label })] }));
+};
+//# sourceMappingURL=UserDropdownSignOut.js.map

package/dist/components/userDropdown/internal/UserDropdownSignOut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownSignOut.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownSignOut.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAOxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,OAAO,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,EAAC,OAAO,EAAE,OAAO,aACpE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,GAAI,EACjC,eAAM,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAQ,IACnD,CACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownTrigger.d.ts

@@ -0,0 +1,11 @@
+type UserDropdownTriggerProps = {
+    avatarSrc?: string;
+    avatarAlt?: string;
+    avatarInitials?: string;
+    logoSrc?: string;
+    logoAlt?: string;
+    variant?: 'dark' | 'light';
+};
+export declare const UserDropdownTrigger: (props: UserDropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UserDropdownTrigger.d.ts.map

package/dist/components/userDropdown/internal/UserDropdownTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownTrigger.tsx"],"names":[],"mappings":"AAKA,KAAK,wBAAwB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,4CA2BlE,CAAC"}

package/dist/components/userDropdown/internal/UserDropdownTrigger.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Dropdown } from '../../dropdown/Dropdown';
+import { Avatar } from '../../avatar/Avatar';
+import { Button } from '../../button/Button';
+export const UserDropdownTrigger = (props) => {
+    const { avatarSrc, avatarAlt, avatarInitials, logoSrc, logoAlt = 'Logo', variant = 'dark' } = props;
+    return (_jsxs("div", { className: `ds-user-dropdown__trigger-container ds-user-dropdown__trigger-container--${variant}${logoSrc ? ' ds-user-dropdown__trigger-container--with-logo' : ''}`, children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", borderless: true, iconRightName: "chevron-down", className: "ds-user-dropdown__trigger", children: _jsx(Avatar, { size: "medium", src: avatarSrc, alt: avatarAlt, initials: avatarInitials }) }) }), logoSrc && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ds-user-dropdown__trigger-divider" }), _jsx("img", { src: logoSrc, alt: logoAlt, className: "ds-user-dropdown__trigger-logo" })] }))] }));
+};
+//# sourceMappingURL=UserDropdownTrigger.js.map

package/dist/components/userDropdown/internal/UserDropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserDropdownTrigger.js","sourceRoot":"","sources":["../../../../src/components/userDropdown/internal/UserDropdownTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAWlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,GAAG,MAAM,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAEpG,OAAO,CACL,eACE,SAAS,EAAE,4EAA4E,OAAO,GAC5F,OAAO,CAAC,CAAC,CAAC,iDAAiD,CAAC,CAAC,CAAC,EAChE,EAAE,aAEF,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,UAAU,EAAE,IAAI,EAChB,aAAa,EAAC,cAAc,EAC5B,SAAS,EAAC,2BAA2B,YAErC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,GAAI,GAC3E,GACQ,EAClB,OAAO,IAAI,CACV,8BACE,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,cAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,gCAAgC,GAAG,IAC7E,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}