@furystack/shades-common-components 11.0.0 → 12.0.0

package/esm/components/button-group.js

@@ -0,0 +1,290 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { buildTransition, cssVariableTheme } from '../services/css-variable-theme.js';
+import { paletteFullColors } from '../services/palette-css-vars.js';
+export const ButtonGroup = Shade({
+    shadowDomName: 'shade-button-group',
+    css: {
+        display: 'inline-flex',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        '&[data-orientation="vertical"]': {
+            flexDirection: 'column',
+        },
+    },
+    render: ({ props, children, useHostProps, useRef }) => {
+        const { orientation = 'horizontal', disabled, variant, color, style } = props;
+        const radius = cssVariableTheme.shape.borderRadius.md;
+        const wrapperRef = useRef('wrapper');
+        useHostProps({
+            role: 'group',
+            'data-orientation': orientation,
+            'data-variant': variant || undefined,
+            'data-disabled': disabled ? '' : undefined,
+            'data-color': color || undefined,
+            ...(style ? { style: style } : {}),
+        });
+        // Apply inline styles to child elements so they appear joined.
+        // Inline styles are needed because child Button components have their
+        // own scoped CSS for margin and borderRadius that can't be overridden
+        // from the parent's stylesheet alone.
+        requestAnimationFrame(() => {
+            const childElements = Array.from(wrapperRef.current?.children ?? []);
+            const isVertical = orientation === 'vertical';
+            childElements.forEach((child, index) => {
+                child.style.margin = '0';
+                if (childElements.length === 1) {
+                    child.style.borderRadius = radius;
+                    return;
+                }
+                const isFirst = index === 0;
+                const isLast = index === childElements.length - 1;
+                if (isFirst) {
+                    child.style.borderRadius = isVertical ? `${radius} ${radius} 0 0` : `${radius} 0 0 ${radius}`;
+                }
+                else if (isLast) {
+                    child.style.borderRadius = isVertical ? `0 0 ${radius} ${radius}` : `0 ${radius} ${radius} 0`;
+                }
+                else {
+                    child.style.borderRadius = '0';
+                }
+            });
+        });
+        return (createComponent("div", { ref: wrapperRef, style: { display: 'contents' } }, children));
+    },
+});
+export const ToggleButton = Shade({
+    shadowDomName: 'shade-toggle-button',
+    elementBase: HTMLButtonElement,
+    elementBaseName: 'button',
+    css: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.lg}`,
+        border: 'none',
+        borderRadius: '0',
+        margin: '0',
+        fontSize: cssVariableTheme.typography.fontSize.md,
+        fontWeight: cssVariableTheme.typography.fontWeight.medium,
+        letterSpacing: cssVariableTheme.typography.letterSpacing.wider,
+        lineHeight: '1.75',
+        cursor: 'pointer',
+        userSelect: 'none',
+        background: 'transparent',
+        color: 'var(--toggle-color-main)',
+        boxShadow: '0px 0px 0px 1px var(--toggle-color-main)',
+        transition: buildTransition(['background', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['color', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default], ['box-shadow', cssVariableTheme.transitions.duration.normal, cssVariableTheme.transitions.easing.default]),
+        '&:hover:not(:disabled):not([data-selected])': {
+            background: 'color-mix(in srgb, var(--toggle-color-main) 10%, transparent)',
+        },
+        '&[data-selected]': {
+            background: 'color-mix(in srgb, var(--toggle-color-main) 20%, transparent)',
+            color: 'var(--toggle-color-main)',
+            fontWeight: cssVariableTheme.typography.fontWeight.semibold,
+        },
+        '&[data-selected]:hover:not(:disabled)': {
+            background: 'color-mix(in srgb, var(--toggle-color-main) 30%, transparent)',
+        },
+        '&:disabled': {
+            cursor: 'not-allowed',
+            opacity: cssVariableTheme.action.disabledOpacity,
+        },
+        '&:active:not(:disabled)': {
+            transform: 'scale(0.96)',
+        },
+    },
+    render: ({ props, children, useHostProps }) => {
+        useHostProps({
+            'data-value': props.value || undefined,
+            type: 'button',
+        });
+        return createComponent(createComponent, null, children);
+    },
+});
+const defaultToggleColors = {
+    main: cssVariableTheme.text.secondary,
+    mainContrast: cssVariableTheme.background.default,
+    light: cssVariableTheme.text.primary,
+    dark: cssVariableTheme.text.disabled,
+};
+export const ToggleButtonGroup = Shade({
+    shadowDomName: 'shade-toggle-button-group',
+    css: {
+        display: 'inline-flex',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        '&[data-orientation="vertical"]': {
+            flexDirection: 'column',
+        },
+    },
+    render: ({ props, children, useDisposable, useHostProps, useRef }) => {
+        const groupRef = useRef('group');
+        // Mutable container so the click handler always reads the latest props
+        const state = useDisposable('state', () => ({
+            props,
+            [Symbol.dispose]: () => { },
+        }));
+        state.props = props;
+        useDisposable('click-handler', () => {
+            const handleClick = (ev) => {
+                const target = ev.target.closest('button[data-value]');
+                if (!target || target.hasAttribute('disabled'))
+                    return;
+                const clickedValue = target.getAttribute('data-value');
+                if (!clickedValue)
+                    return;
+                const currentProps = state.props;
+                if (currentProps.exclusive) {
+                    const currentValue = Array.isArray(currentProps.value) ? currentProps.value[0] : currentProps.value;
+                    const newValue = currentValue === clickedValue ? '' : clickedValue;
+                    currentProps.onValueChange?.(newValue);
+                }
+                else {
+                    const currentValues = Array.isArray(currentProps.value)
+                        ? currentProps.value
+                        : currentProps.value
+                            ? [currentProps.value]
+                            : [];
+                    const newValues = currentValues.includes(clickedValue)
+                        ? currentValues.filter((v) => v !== clickedValue)
+                        : [...currentValues, clickedValue];
+                    currentProps.onValueChange?.(newValues);
+                }
+            };
+            let el = null;
+            queueMicrotask(() => {
+                el = groupRef.current;
+                el?.addEventListener('click', handleClick);
+            });
+            return { [Symbol.dispose]: () => el?.removeEventListener('click', handleClick) };
+        });
+        const { orientation = 'horizontal', disabled, color, style } = props;
+        const selectedValues = Array.isArray(props.value) ? props.value : props.value ? [props.value] : [];
+        const colors = color ? paletteFullColors[color] : defaultToggleColors;
+        useHostProps({
+            role: 'group',
+            'data-orientation': orientation,
+            style: {
+                '--toggle-color-main': colors.main,
+                ...style,
+            },
+        });
+        const radius = cssVariableTheme.shape.borderRadius.md;
+        // Update child toggle button states and apply grouping styles
+        requestAnimationFrame(() => {
+            const buttons = Array.from(groupRef.current?.querySelectorAll('button[data-value]') ?? []);
+            const isVertical = orientation === 'vertical';
+            buttons.forEach((btn, index) => {
+                const val = btn.getAttribute('data-value');
+                if (val && selectedValues.includes(val)) {
+                    btn.setAttribute('data-selected', '');
+                }
+                else {
+                    btn.removeAttribute('data-selected');
+                }
+                if (disabled) {
+                    btn.setAttribute('disabled', '');
+                }
+                // Propagate color CSS variable
+                ;
+                btn.style.setProperty('--toggle-color-main', colors.main);
+                // Apply grouping border-radius via inline styles
+                const el = btn;
+                if (buttons.length === 1) {
+                    el.style.borderRadius = radius;
+                }
+                else if (index === 0) {
+                    el.style.borderRadius = isVertical ? `${radius} ${radius} 0 0` : `${radius} 0 0 ${radius}`;
+                }
+                else if (index === buttons.length - 1) {
+                    el.style.borderRadius = isVertical ? `0 0 ${radius} ${radius}` : `0 ${radius} ${radius} 0`;
+                }
+                else {
+                    el.style.borderRadius = '0';
+                }
+            });
+        });
+        return (createComponent("div", { ref: groupRef, style: { display: 'contents' } }, children));
+    },
+});
+const defaultSegmentedColors = {
+    main: cssVariableTheme.palette.primary.main,
+    mainContrast: cssVariableTheme.palette.primary.mainContrast,
+};
+export const SegmentedControl = Shade({
+    shadowDomName: 'shade-segmented-control',
+    css: {
+        display: 'inline-flex',
+        borderRadius: cssVariableTheme.shape.borderRadius.md,
+        background: cssVariableTheme.action.hoverBackground,
+        padding: '3px',
+        gap: '2px',
+        '& .segmented-option': {
+            display: 'inline-flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: `${cssVariableTheme.spacing.sm} ${cssVariableTheme.spacing.lg}`,
+            borderRadius: cssVariableTheme.shape.borderRadius.sm,
+            border: 'none',
+            background: 'transparent',
+            color: cssVariableTheme.text.secondary,
+            fontSize: cssVariableTheme.typography.fontSize.md,
+            fontWeight: cssVariableTheme.typography.fontWeight.medium,
+            fontFamily: 'inherit',
+            letterSpacing: '0.3px',
+            cursor: 'pointer',
+            userSelect: 'none',
+            whiteSpace: 'nowrap',
+            transition: buildTransition(['background', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['color', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default], ['box-shadow', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.default]),
+        },
+        '& .segmented-option:hover:not(:disabled):not([data-selected])': {
+            color: cssVariableTheme.text.primary,
+            background: 'color-mix(in srgb, var(--seg-color-main) 8%, transparent)',
+        },
+        '& .segmented-option[data-selected]': {
+            background: cssVariableTheme.background.paper,
+            color: 'var(--seg-color-main)',
+            fontWeight: cssVariableTheme.typography.fontWeight.semibold,
+            boxShadow: cssVariableTheme.shadows.sm,
+        },
+        '& .segmented-option:disabled': {
+            cursor: 'not-allowed',
+            opacity: '0.5',
+        },
+        '&[data-size="small"] .segmented-option': {
+            padding: `${cssVariableTheme.spacing.xs} ${cssVariableTheme.spacing.md}`,
+            fontSize: cssVariableTheme.typography.fontSize.sm,
+        },
+    },
+    render: ({ props, useHostProps }) => {
+        const { options, value, onValueChange, color, disabled, size, style } = props;
+        const colors = color
+            ? { main: paletteFullColors[color].main, mainContrast: paletteFullColors[color].mainContrast }
+            : defaultSegmentedColors;
+        useHostProps({
+            role: 'radiogroup',
+            'data-size': size === 'small' ? 'small' : undefined,
+            style: {
+                '--seg-color-main': colors.main,
+                '--seg-color-main-contrast': colors.mainContrast,
+                ...style,
+            },
+        });
+        const buttons = options.map((option) => {
+            const isSelected = value === option.value;
+            const isDisabled = disabled || option.disabled;
+            const btn = (createComponent("button", { type: "button", className: "segmented-option", disabled: isDisabled, onclick: () => {
+                    if (!isDisabled && value !== option.value) {
+                        onValueChange?.(option.value);
+                    }
+                } }, option.label));
+            btn.setAttribute('role', 'radio');
+            btn.setAttribute('aria-checked', isSelected ? 'true' : 'false');
+            btn.setAttribute('data-value', option.value);
+            if (isSelected) {
+                btn.setAttribute('data-selected', '');
+            }
+            return btn;
+        });
+        return createComponent(createComponent, null, buttons);
+    },
+});
+//# sourceMappingURL=button-group.js.map

package/esm/components/button-group.js.map

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

package/esm/components/button-group.spec.d.ts

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

package/esm/components/button-group.spec.d.ts.map

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