@furystack/shades-common-components 10.0.35 → 12.0.0

package/esm/components/tabs.js

@@ -1,41 +1,195 @@
-import { LocationService, Shade, attachProps, createComponent } from '@furystack/shades';
-import { ThemeProviderService } from '../services/theme-provider-service.js';
+import { LocationService, Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+import { close } from './icons/icon-definitions.js';
+import { Icon } from './icons/icon.js';
 const TabHeader = Shade({
     shadowDomName: 'shade-tab-header',
-    style: {
-        padding: '1em 2.5em',
+    css: {
+        padding: `${cssVariableTheme.spacing.md} 40px`,
         cursor: 'pointer',
-        transition: 'box-shadow 1s linear',
+        transition: buildTransition(['box-shadow', cssVariableTheme.transitions.duration.slow, 'ease'], ['background', cssVariableTheme.transitions.duration.slow, 'ease'], ['color', cssVariableTheme.transitions.duration.slow, 'ease'], ['font-weight', cssVariableTheme.transitions.duration.slow, 'ease']),
+        fontWeight: 'inherit',
+        background: cssVariableTheme.background.default,
+        color: cssVariableTheme.text.secondary,
+        boxShadow: 'none',
+        display: 'inline-flex',
+        alignItems: 'center',
+        gap: cssVariableTheme.spacing.sm,
+        textDecoration: 'none',
+        '&[data-active]': {
+            fontWeight: 'bolder',
+            background: cssVariableTheme.background.paper,
+            color: cssVariableTheme.text.primary,
+            boxShadow: `inset 0 -2px 0 ${cssVariableTheme.palette.primary.main}`,
+        },
     },
     elementBase: HTMLAnchorElement,
     elementBaseName: 'a',
-    render: ({ children, element, injector, props, useObservable }) => {
-        const { theme } = injector.getInstance(ThemeProviderService);
+    render: ({ children, injector, props, useObservable, useHostProps }) => {
         const locationService = injector.getInstance(LocationService);
         const [hash] = useObservable('updateLocation', locationService.onLocationHashChanged);
         const isActive = hash === props.hash;
-        attachProps(element, {
-            style: {
-                fontWeight: isActive ? 'bolder' : 'inherit',
-                background: isActive ? theme.background.paper : theme.background.default,
-                color: isActive ? theme.text.primary : theme.text.secondary,
-                boxShadow: isActive ? `inset 0 -2px 0 ${theme.palette.primary.main}` : 'none',
-            },
+        useHostProps({
             href: `#${props.hash}`,
+            ...(isActive ? { 'data-active': '' } : {}),
         });
         return createComponent(createComponent, null, children);
     },
 });
 export const Tabs = Shade({
     shadowDomName: 'shade-tabs',
-    render: ({ props, element, useObservable, injector }) => {
-        attachProps(element, {
-            style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', ...props.containerStyle },
+    css: {
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        '& .shade-tabs-header-container': {
+            display: 'inline-flex',
+            borderRadius: `${cssVariableTheme.shape.borderRadius.md} ${cssVariableTheme.shape.borderRadius.md} 0 0`,
+            overflow: 'hidden',
+            flexShrink: '0',
+        },
+        // Controlled mode tab button
+        '& .shade-tab-btn': {
+            padding: `${cssVariableTheme.spacing.md} 40px`,
+            cursor: 'pointer',
+            transition: buildTransition(['box-shadow', cssVariableTheme.transitions.duration.slow, 'ease'], ['background', cssVariableTheme.transitions.duration.slow, 'ease'], ['color', cssVariableTheme.transitions.duration.slow, 'ease'], ['font-weight', cssVariableTheme.transitions.duration.slow, 'ease']),
+            fontWeight: 'inherit',
+            background: cssVariableTheme.background.default,
+            color: cssVariableTheme.text.secondary,
+            boxShadow: 'none',
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: cssVariableTheme.spacing.sm,
+            border: 'none',
+            font: 'inherit',
+        },
+        '& .shade-tab-btn.active': {
+            fontWeight: 'bolder',
+            background: cssVariableTheme.background.paper,
+            color: cssVariableTheme.text.primary,
+            boxShadow: `inset 0 -2px 0 ${cssVariableTheme.palette.primary.main}`,
+        },
+        // Close button (span with role="button" via event delegation)
+        '& .shade-tab-close': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            width: '16px',
+            height: '16px',
+            borderRadius: cssVariableTheme.shape.borderRadius.xs,
+            opacity: '0.5',
+            fontSize: '12px',
+            lineHeight: '1',
+            transition: buildTransition(['opacity', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['background', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default]),
+        },
+        '& .shade-tab-close:hover': {
+            opacity: '1',
+            background: cssVariableTheme.action.hoverBackground,
+        },
+        // Add tab button
+        '& .shade-tab-add': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.md}`,
+            border: 'none',
+            background: 'transparent',
+            color: cssVariableTheme.text.secondary,
+            cursor: 'pointer',
+            fontSize: '18px',
+            lineHeight: '1',
+            transition: buildTransition(['color', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['background', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default]),
+        },
+        '& .shade-tab-add:hover': {
+            color: cssVariableTheme.text.primary,
+            background: cssVariableTheme.action.hoverBackground,
+        },
+        // --- Vertical orientation ---
+        '&[data-orientation="vertical"]': {
+            flexDirection: 'row',
+        },
+        '&[data-orientation="vertical"] .shade-tabs-header-container': {
+            flexDirection: 'column',
+            borderRadius: `${cssVariableTheme.shape.borderRadius.md} 0 0 ${cssVariableTheme.shape.borderRadius.md}`,
+        },
+        '&[data-orientation="vertical"] a[is="shade-tab-header"][data-active], &[data-orientation="vertical"] .shade-tab-btn.active': {
+            boxShadow: `inset -2px 0 0 ${cssVariableTheme.palette.primary.main}`,
+        },
+        // --- Card type ---
+        '&[data-type="card"] .shade-tabs-header-container': {
+            gap: '2px',
+            borderRadius: '0',
+            overflow: 'visible',
+            borderBottom: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        },
+        '&[data-type="card"] a[is="shade-tab-header"], &[data-type="card"] .shade-tab-btn': {
+            borderRadius: `${cssVariableTheme.shape.borderRadius.md} ${cssVariableTheme.shape.borderRadius.md} 0 0`,
+            border: '1px solid transparent',
+            borderBottom: 'none',
+            marginBottom: '-1px',
+            background: 'transparent',
+        },
+        '&[data-type="card"] a[is="shade-tab-header"][data-active], &[data-type="card"] .shade-tab-btn.active': {
+            boxShadow: 'none',
+            background: cssVariableTheme.background.paper,
+            border: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+            borderBottom: `1px solid ${cssVariableTheme.background.paper}`,
+        },
+        // --- Card type + vertical ---
+        '&[data-type="card"][data-orientation="vertical"] .shade-tabs-header-container': {
+            borderBottom: 'none',
+            borderRight: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+        },
+        '&[data-type="card"][data-orientation="vertical"] a[is="shade-tab-header"], &[data-type="card"][data-orientation="vertical"] .shade-tab-btn': {
+            borderRadius: `${cssVariableTheme.shape.borderRadius.md} 0 0 ${cssVariableTheme.shape.borderRadius.md}`,
+            border: '1px solid transparent',
+            borderRight: 'none',
+            marginRight: '-1px',
+            marginBottom: '0',
+        },
+        '&[data-type="card"][data-orientation="vertical"] a[is="shade-tab-header"][data-active], &[data-type="card"][data-orientation="vertical"] .shade-tab-btn.active': {
+            boxShadow: 'none',
+            background: cssVariableTheme.background.paper,
+            border: `1px solid ${cssVariableTheme.action.subtleBorder}`,
+            borderRight: `1px solid ${cssVariableTheme.background.paper}`,
+        },
+    },
+    render: ({ props, useObservable, injector, useHostProps }) => {
+        useHostProps({
+            ...(props.containerStyle ? { style: props.containerStyle } : {}),
+            ...(props.orientation === 'vertical' ? { 'data-orientation': 'vertical' } : {}),
+            ...(props.type === 'card' ? { 'data-type': 'card' } : {}),
         });
+        const isControlled = props.activeKey !== undefined;
         const [hash] = useObservable('updateLocation', injector.getInstance(LocationService).onLocationHashChanged);
-        const activeTab = props.tabs.find((t) => t.hash === hash.replace('#', ''));
+        const activeKey = isControlled ? props.activeKey : hash.replace('#', '');
+        const activeTab = props.tabs.find((t) => t.hash === activeKey);
+        const handleTabClick = (e, tab, index) => {
+            const target = e.target;
+            if (target.closest('.shade-tab-close')) {
+                e.stopPropagation();
+                e.preventDefault();
+                props.onClose?.(tab.hash);
+                return;
+            }
+            props.onTabChange?.(tab.hash);
+            props.onChange?.(index);
+        };
         return (createComponent(createComponent, null,
-            createComponent("div", { className: "shade-tabs-header-container", style: { display: 'inline-flex', borderRadius: '5px 5px 0 0', overflow: 'hidden', flexShrink: '0' } }, props.tabs.map((tab) => (createComponent(TabHeader, { hash: tab.hash }, tab.header)))),
+            createComponent("div", { className: "shade-tabs-header-container", role: "tablist" },
+                props.tabs.map((tab, index) => {
+                    const isActive = tab.hash === activeKey;
+                    const hasCloseButton = tab.closable && props.onClose;
+                    return isControlled ? (createComponent("button", { className: `shade-tab-btn${isActive ? ' active' : ''}`, role: "tab", "aria-selected": String(isActive), tabIndex: isActive ? 0 : -1, onclick: (e) => handleTabClick(e, tab, index) },
+                        tab.header,
+                        hasCloseButton ? (createComponent("span", { className: "shade-tab-close" },
+                            createComponent(Icon, { icon: close, size: 12 }))) : null)) : (createComponent(TabHeader, { hash: tab.hash, onclick: (e) => handleTabClick(e, tab, index) },
+                        tab.header,
+                        hasCloseButton ? (createComponent("span", { className: "shade-tab-close" },
+                            createComponent(Icon, { icon: close, size: 12 }))) : null));
+                }),
+                props.onAdd ? (createComponent("button", { className: "shade-tab-add", "aria-label": "Add tab", onclick: () => props.onAdd() }, "+")) : null),
             activeTab?.component));
     },
 });

package/esm/components/tabs.js.map

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

package/esm/components/tabs.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tabs.spec.d.ts.map

package/esm/components/tabs.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.spec.d.ts","sourceRoot":"","sources":["../../src/components/tabs.spec.tsx"],"names":[],"mappings":""}