@furystack/shades-common-components 11.0.0 → 12.0.1

package/esm/components/tree/tree.spec.js

@@ -0,0 +1,427 @@
+import { Injector } from '@furystack/inject';
+import { createComponent, initializeShadeRoot } from '@furystack/shades';
+import { sleepAsync, usingAsync } from '@furystack/utils';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import { TreeService } from '../../services/tree-service.js';
+import { Tree } from './tree.js';
+const getChildren = (node) => node.children ?? [];
+describe('Tree', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '<div id="root"></div>';
+    });
+    afterEach(() => {
+        document.body.innerHTML = '';
+    });
+    const createTreeData = () => [
+        {
+            id: 1,
+            name: 'Root 1',
+            children: [
+                { id: 11, name: 'Child 1-1' },
+                { id: 12, name: 'Child 1-2' },
+            ],
+        },
+        { id: 2, name: 'Root 2' },
+        {
+            id: 3,
+            name: 'Root 3',
+            children: [{ id: 31, name: 'Child 3-1' }],
+        },
+    ];
+    const createTestService = () => {
+        return new TreeService({
+            getChildren,
+        });
+    };
+    describe('rendering', () => {
+        it('should render the shade-tree custom element', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                expect(tree).not.toBeNull();
+                service[Symbol.dispose]();
+            });
+        });
+        it('should render only root items when nothing is expanded', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const items = tree?.querySelectorAll('shade-tree-item');
+                expect(items?.length).toBe(3);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should render a tree container with correct role', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                expect(tree).not.toBeNull();
+                expect(tree?.getAttribute('role')).toBe('tree');
+                expect(tree?.getAttribute('aria-multiselectable')).toBe('true');
+                service[Symbol.dispose]();
+            });
+        });
+        it('should render items with role treeitem', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('[role="treeitem"]');
+                expect(treeItems?.length).toBe(3);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should render icon when renderIcon is provided', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name), renderIcon: () => createComponent("span", { "data-testid": "icon" }, "icon") })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const icons = tree?.querySelectorAll('[data-testid="icon"]');
+                expect(icons?.length).toBe(3);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should set data-variant attribute when variant is provided', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name), variant: "contained" })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                expect(tree?.getAttribute('data-variant')).toBe('contained');
+                service[Symbol.dispose]();
+            });
+        });
+        it('should set aria-expanded on items with children', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                expect(treeItems[0]?.getAttribute('aria-expanded')).toBe('false');
+                expect(treeItems[1]?.getAttribute('aria-expanded')).toBeNull();
+                expect(treeItems[2]?.getAttribute('aria-expanded')).toBe('false');
+                service[Symbol.dispose]();
+            });
+        });
+        it('should set aria-level on items', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                expect(treeItems[0]?.getAttribute('aria-level')).toBe('1');
+                expect(treeItems[1]?.getAttribute('aria-level')).toBe('1');
+                expect(treeItems[2]?.getAttribute('aria-level')).toBe('1');
+                service[Symbol.dispose]();
+            });
+        });
+    });
+    describe('focus management', () => {
+        it('should set focus on click', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                expect(service.hasFocus.getValue()).toBe(false);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                tree?.click();
+                expect(service.hasFocus.getValue()).toBe(true);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should lose focus on click outside', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(createComponent, null,
+                        createComponent("div", { "data-testid": "outside" }, "Outside"),
+                        createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) }))),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                tree?.click();
+                expect(service.hasFocus.getValue()).toBe(true);
+                const outside = document.querySelector('[data-testid="outside"]');
+                outside?.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+                expect(service.hasFocus.getValue()).toBe(false);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should set focused item on item click', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                treeItems[1]?.click();
+                expect(service.focusedItem.getValue()).toBe(treeData[1]);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should add focused CSS class to focused item', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                service.focusedItem.setValue(treeData[1]);
+                await sleepAsync(10);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                expect(treeItems[1]?.hasAttribute('data-focused')).toBe(true);
+                expect(treeItems[0]?.hasAttribute('data-focused')).toBe(false);
+                service[Symbol.dispose]();
+            });
+        });
+    });
+    describe('selection', () => {
+        it('should add selected CSS class to selected items', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                service.selection.setValue([treeData[0], treeData[2]]);
+                await sleepAsync(10);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                expect(treeItems[0]?.hasAttribute('data-selected')).toBe(true);
+                expect(treeItems[1]?.hasAttribute('data-selected')).toBe(false);
+                expect(treeItems[2]?.hasAttribute('data-selected')).toBe(true);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should set aria-selected on selected items', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                service.selection.setValue([treeData[0]]);
+                await sleepAsync(10);
+                const tree = document.querySelector('shade-tree');
+                const treeItems = tree?.querySelectorAll('shade-tree-item');
+                expect(treeItems[0]?.getAttribute('aria-selected')).toBe('true');
+                expect(treeItems[1]?.getAttribute('aria-selected')).toBe('false');
+                service[Symbol.dispose]();
+            });
+        });
+        it('should call onSelectionChange when selection changes', async () => {
+            const onSelectionChange = vi.fn();
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name), onSelectionChange: onSelectionChange })),
+                });
+                await sleepAsync(50);
+                service.selection.setValue([treeData[0]]);
+                await sleepAsync(10);
+                expect(onSelectionChange).toHaveBeenCalledWith([treeData[0]]);
+                service[Symbol.dispose]();
+            });
+        });
+    });
+    describe('keyboard navigation', () => {
+        it('should handle ArrowDown to move focus to next item', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                service.hasFocus.setValue(true);
+                service.rootItems.setValue(treeData);
+                service.updateFlattenedNodes();
+                service.focusedItem.setValue(treeData[0]);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+                expect(service.focusedItem.getValue()).toEqual(treeData[1]);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should handle ArrowRight to expand a node', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                service.hasFocus.setValue(true);
+                service.rootItems.setValue(treeData);
+                service.updateFlattenedNodes();
+                service.focusedItem.setValue(treeData[0]);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
+                expect(service.isExpanded(treeData[0])).toBe(true);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should handle ArrowLeft to collapse an expanded node', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                service.hasFocus.setValue(true);
+                service.rootItems.setValue(treeData);
+                service.updateFlattenedNodes();
+                service.expand(treeData[0]);
+                service.focusedItem.setValue(treeData[0]);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowLeft', bubbles: true }));
+                expect(service.isExpanded(treeData[0])).toBe(false);
+                service[Symbol.dispose]();
+            });
+        });
+        it('should not handle keyboard when not focused', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                service.hasFocus.setValue(false);
+                service.rootItems.setValue(treeData);
+                service.updateFlattenedNodes();
+                service.focusedItem.setValue(treeData[0]);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+                expect(service.focusedItem.getValue()).toEqual(treeData[0]);
+                service[Symbol.dispose]();
+            });
+        });
+    });
+    describe('keyboard listener cleanup', () => {
+        it('should remove keyboard listener when component is disconnected', async () => {
+            await usingAsync(new Injector(), async (injector) => {
+                const rootElement = document.getElementById('root');
+                const treeData = createTreeData();
+                const service = createTestService();
+                service.hasFocus.setValue(true);
+                service.rootItems.setValue(treeData);
+                service.updateFlattenedNodes();
+                service.focusedItem.setValue(treeData[0]);
+                initializeShadeRoot({
+                    injector,
+                    rootElement,
+                    jsxElement: (createComponent(Tree, { rootItems: treeData, treeService: service, renderItem: (item) => createComponent("span", null, item.name) })),
+                });
+                await sleepAsync(50);
+                const tree = document.querySelector('shade-tree');
+                tree.remove();
+                await sleepAsync(10);
+                window.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
+                expect(service.focusedItem.getValue()).toEqual(treeData[0]);
+                service[Symbol.dispose]();
+            });
+        });
+    });
+});
+//# sourceMappingURL=tree.spec.js.map

package/esm/components/tree/tree.spec.js.map

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

package/esm/components/typography.d.ts

@@ -0,0 +1,48 @@
+import type { PartialElement } from '@furystack/shades';
+import type { Palette } from '../services/theme-provider-service.js';
+/**
+ * Typography variant determines semantic HTML tag and default styles.
+ */
+export type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'caption' | 'overline';
+/**
+ * Color options for the Typography component.
+ * Supports palette colors and text-level semantic colors.
+ */
+export type TypographyColor = keyof Palette | 'textPrimary' | 'textSecondary' | 'textDisabled';
+export type TypographyProps = PartialElement<HTMLElement> & {
+    /** The typographic variant to use. Determines tag and style. Defaults to 'body1'. */
+    variant?: TypographyVariant;
+    /** Text color. Defaults to 'textPrimary'. */
+    color?: TypographyColor;
+    /** Truncate text with ellipsis. `true` for single-line, a number for max line count. */
+    ellipsis?: boolean | number;
+    /** Show a copy button that copies text content to clipboard. */
+    copyable?: boolean;
+    /** Add bottom margin for spacing. */
+    gutterBottom?: boolean;
+    /** Text alignment. */
+    align?: 'left' | 'center' | 'right' | 'justify';
+};
+/**
+ * Typography component for consistent text styling.
+ * Maps variants to semantic HTML tags and uses theme typography tokens.
+ */
+export declare const Typography: (props: Omit<Partial<HTMLElement>, "style"> & {
+    style?: Partial<CSSStyleDeclaration>;
+} & {
+    ref?: import("@furystack/shades").RefObject<Element>;
+} & {
+    /** The typographic variant to use. Determines tag and style. Defaults to 'body1'. */
+    variant?: TypographyVariant;
+    /** Text color. Defaults to 'textPrimary'. */
+    color?: TypographyColor;
+    /** Truncate text with ellipsis. `true` for single-line, a number for max line count. */
+    ellipsis?: boolean | number;
+    /** Show a copy button that copies text content to clipboard. */
+    copyable?: boolean;
+    /** Add bottom margin for spacing. */
+    gutterBottom?: boolean;
+    /** Text alignment. */
+    align?: "left" | "center" | "right" | "justify";
+}, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
+//# sourceMappingURL=typography.d.ts.map

package/esm/components/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/components/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAIpE;;GAEG;AACH,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,WAAW,GACX,WAAW,GACX,OAAO,GACP,OAAO,GACP,SAAS,GACT,UAAU,CAAA;AAEd;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAA;AAE9F,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC1D,qFAAqF;IACrF,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,wFAAwF;IACxF,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC3B,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;CAChD,CAAA;AAgID;;;GAGG;AACH,eAAO,MAAM,UAAU;;;;;IAhJrB,qFAAqF;cAC3E,iBAAiB;IAC3B,6CAA6C;YACrC,eAAe;IACvB,wFAAwF;eAC7E,OAAO,GAAG,MAAM;IAC3B,gEAAgE;eACrD,OAAO;IAClB,qCAAqC;mBACtB,OAAO;IACtB,sBAAsB;YACd,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;sEAwP/C,CAAA"}