entangle-ui 0.1.0 → 0.3.0

package/dist/esm/components/controls/Slider/Slider.js

@@ -0,0 +1,413 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useRef, useCallback, useEffect } from 'react';
+import styled from '@emotion/styled';
+import { useKeyboardContext } from '../../../context/KeyboardContext.js';
+import { FormLabel } from '../../form/FormLabel.js';
+import { FormHelperText } from '../../form/FormHelperText.js';
+import { InputWrapper } from '../../form/InputWrapper.js';
+
+const StyledSliderContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${props => props.theme.spacing.xs}px;
+  width: 100%;
+  min-width: 0;
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+  pointer-events: ${props => (props.$disabled ? 'none' : 'auto')};
+`;
+const StyledSliderWrapper = styled.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  padding: 0px 0;
+  width: 100%;
+`;
+const StyledTrack = styled.div `
+  position: relative;
+  flex: 1;
+  background: ${props => props.$error
+    ? props.theme.colors.accent.error
+    : props.theme.colors.surface.default};
+  border: 1px solid
+    ${props => props.$error
+    ? props.theme.colors.border.error
+    : props.theme.colors.border.default};
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  overflow: hidden;
+
+  ${props => {
+    const sizes = {
+        sm: '4px',
+        md: '6px',
+        lg: '8px',
+    };
+    return `height: ${sizes[props.$size]};`;
+}}
+
+  &:hover {
+    border-color: ${props => props.$error
+    ? props.theme.colors.border.error
+    : props.theme.colors.border.focus};
+  }
+`;
+const StyledFill = styled.div `
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: ${props => props.$percentage}%;
+  background: ${props => props.$error
+    ? props.theme.colors.accent.error
+    : props.theme.colors.accent.primary};
+  transition: ${props => (props.$isDragging ? 'none' : 'width 0.1s ease-out')};
+`;
+const StyledThumb = styled.div `
+  position: absolute;
+  top: 50%;
+  left: ${props => props.$percentage}%;
+  transform: translate(-50%, -50%);
+  background: ${props => props.$error
+    ? props.theme.colors.accent.error
+    : props.theme.colors.accent.primary};
+  border: 2px solid ${props => props.theme.colors.background.primary};
+  border-radius: 50%;
+  cursor: grab;
+  transition: ${props => props.$isDragging ? 'none' : `all ${props.theme.transitions.fast}`};
+  box-shadow: ${props => props.theme.shadows.sm};
+
+  ${props => {
+    const sizes = {
+        sm: '12px',
+        md: '16px',
+        lg: '20px',
+    };
+    return `
+      width: ${sizes[props.$size]};
+      height: ${sizes[props.$size]};
+    `;
+}}
+
+  &:hover {
+    transform: translate(-50%, -50%) scale(1.1);
+    box-shadow: ${props => props.theme.shadows.md};
+  }
+
+  ${props => props.$isDragging &&
+    `
+    cursor: grabbing;
+    transform: translate(-50%, -50%) scale(1.15);
+    box-shadow: ${props.theme.shadows.lg};
+  `}
+`;
+const StyledTicks = styled.div `
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  height: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  pointer-events: none;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: 0;
+    right: 0;
+    height: 1px;
+    background: ${props => props.theme.colors.border.default};
+  }
+`;
+const StyledTick = styled.div `
+  width: 1px;
+  height: 4px;
+  background: ${props => props.theme.colors.text.muted};
+  margin-top: 2px;
+`;
+const StyledTooltip = styled.div `
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: ${props => props.$percentage}%;
+  transform: translateX(-50%);
+  background: ${props => props.theme.colors.background.elevated};
+  color: ${props => props.theme.colors.text.primary};
+  border: 1px solid ${props => props.theme.colors.border.default};
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  padding: 4px 8px;
+  font-size: ${props => props.theme.typography.fontSize.xs}px;
+  font-weight: ${props => props.theme.typography.fontWeight.medium};
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: ${props => props.theme.zIndex.tooltip};
+
+  opacity: ${props => (props.$visible ? 1 : 0)};
+  transform: translateX(-50%)
+    ${props => (props.$visible ? 'translateY(0)' : 'translateY(4px)')};
+  transition: all ${props => props.theme.transitions.fast};
+
+  &::after {
+    content: '';
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 0;
+    height: 0;
+    border-left: 4px solid transparent;
+    border-right: 4px solid transparent;
+    border-top: 4px solid ${props => props.theme.colors.border.default};
+  }
+`;
+/**
+ * Clamps a value between min and max bounds
+ */
+function clamp(value, min, max) {
+    return Math.min(Math.max(value, min), max);
+}
+/**
+ * Rounds a number to specified decimal places
+ */
+function roundToPrecision(value, precision) {
+    if (precision === undefined)
+        return value;
+    const factor = Math.pow(10, precision);
+    return Math.round(value * factor) / factor;
+}
+/**
+ * A professional slider component with drag interaction and keyboard support.
+ *
+ * Features:
+ * - Smooth drag interaction with visual feedback
+ * - Keyboard navigation with arrow keys
+ * - Modifier key support: Ctrl (large steps), Shift (precision)
+ * - Optional tick marks and value tooltip
+ * - Comprehensive theming and size variants
+ * - Accessible with proper ARIA attributes
+ *
+ * @example
+ * ```tsx
+ * // Basic slider
+ * <Slider
+ *   value={opacity}
+ *   onChange={setOpacity}
+ *   min={0}
+ *   max={1}
+ *   step={0.1}
+ *   unit="%"
+ * />
+ *
+ * // Slider with ticks and custom formatting
+ * <Slider
+ *   value={rotation}
+ *   onChange={setRotation}
+ *   min={0}
+ *   max={360}
+ *   step={15}
+ *   unit="°"
+ *   showTicks
+ *   tickCount={8}
+ *   formatValue={(v) => `${v}°`}
+ * />
+ *
+ * // Precision slider for fine control
+ * <Slider
+ *   value={scale}
+ *   onChange={setScale}
+ *   min={0.1}
+ *   max={5}
+ *   step={0.1}
+ *   precisionStep={0.01}
+ *   largeStep={1}
+ *   precision={2}
+ * />
+ * ```
+ */
+const Slider = ({ value, onChange, min = 0, max = 100, step = 1, precisionStep, largeStep, precision = 2, size = 'md', disabled = false, readOnly = false, label, helperText, errorMessage, error = false, required = false, unit, formatValue, showTooltip = true, showTicks = false, tickCount = 5, className, testId, onFocus, onBlur, onKeyDown, ref, ...props }) => {
+    const [isDragging, setIsDragging] = useState(false);
+    const [isFocused, setIsFocused] = useState(false);
+    const [showTooltipState, setShowTooltipState] = useState(false);
+    const sliderRef = useRef(null);
+    const trackRef = useRef(null);
+    const dragStartRef = useRef(null);
+    const { modifiers } = useKeyboardContext();
+    // Calculate derived values
+    const effectivePrecisionStep = precisionStep ?? step / 10;
+    const effectiveLargeStep = largeStep ?? step * 10;
+    const percentage = ((value - min) / (max - min)) * 100;
+    const clampedValue = clamp(value, min, max);
+    const getStepSize = useCallback(() => {
+        if (modifiers.shift)
+            return effectivePrecisionStep;
+        if (modifiers.control || modifiers.meta)
+            return effectiveLargeStep;
+        return step;
+    }, [
+        modifiers.shift,
+        modifiers.control,
+        modifiers.meta,
+        effectivePrecisionStep,
+        effectiveLargeStep,
+        step,
+    ]);
+    // Format display value with consistent precision to prevent tooltip size changes
+    const displayValue = formatValue
+        ? formatValue(clampedValue)
+        : unit
+            ? `${precision !== undefined ? clampedValue.toFixed(precision) : clampedValue}${unit}`
+            : precision !== undefined
+                ? clampedValue.toFixed(precision)
+                : clampedValue.toString();
+    /**
+     * Applies a new value with proper bounds checking and rounding
+     */
+    const applyValue = useCallback((newValue) => {
+        if (disabled || readOnly)
+            return;
+        if (newValue === value)
+            return;
+        const rounded = roundToPrecision(newValue, precision);
+        const clamped = clamp(rounded, min, max);
+        if (clamped !== value) {
+            onChange(clamped);
+        }
+    }, [disabled, readOnly, precision, min, max, value, onChange]);
+    /**
+     * Converts mouse position to value
+     */
+    const positionToValue = useCallback((clientX) => {
+        if (!trackRef.current)
+            return value;
+        const rect = trackRef.current.getBoundingClientRect();
+        const percentage = clamp((clientX - rect.left) / rect.width, 0, 1);
+        const newValue = min + percentage * (max - min);
+        // Use the current step size (depends on keyboard modifiers)
+        const currentStep = getStepSize();
+        // Snap to step increments
+        const steps = Math.round((newValue - min) / currentStep);
+        return min + steps * currentStep;
+    }, [min, max, value, getStepSize]);
+    /**
+     * Handle mouse down on track or thumb
+     */
+    const handleMouseDown = useCallback((event) => {
+        if (disabled || readOnly)
+            return;
+        event.preventDefault();
+        setIsDragging(true);
+        setShowTooltipState(showTooltip);
+        // Use the current step size (depends on keyboard modifiers)
+        const newValue = positionToValue(event.clientX);
+        applyValue(newValue);
+        dragStartRef.current = {
+            startX: event.clientX,
+            startValue: newValue,
+        };
+    }, [disabled, readOnly, positionToValue, applyValue, showTooltip]);
+    /**
+     * Handle global mouse move during drag
+     */
+    const handleMouseMove = useCallback((event) => {
+        if (!isDragging || !dragStartRef.current)
+            return;
+        // Use requestAnimationFrame for smoother performance
+        requestAnimationFrame(() => {
+            // Use the current step size (depends on keyboard modifiers)
+            const newValue = positionToValue(event.clientX);
+            applyValue(newValue);
+        });
+    }, [isDragging, positionToValue, applyValue]);
+    /**
+     * Handle global mouse up to end drag
+     */
+    const handleMouseUp = useCallback(() => {
+        setIsDragging(false);
+        setShowTooltipState(false);
+        dragStartRef.current = null;
+    }, []);
+    /**
+     * Handle keyboard navigation
+     */
+    const handleKeyDown = useCallback((event) => {
+        if (disabled || readOnly)
+            return;
+        const currentStep = getStepSize();
+        let handled = true;
+        switch (event.key) {
+            case 'ArrowRight':
+            case 'ArrowUp':
+                applyValue(value + currentStep);
+                break;
+            case 'ArrowLeft':
+            case 'ArrowDown':
+                applyValue(value - currentStep);
+                break;
+            case 'Home':
+                applyValue(min);
+                break;
+            case 'End':
+                applyValue(max);
+                break;
+            case 'PageUp':
+                applyValue(value + effectiveLargeStep);
+                break;
+            case 'PageDown':
+                applyValue(value - effectiveLargeStep);
+                break;
+            default:
+                handled = false;
+        }
+        if (handled) {
+            event.preventDefault();
+        }
+        onKeyDown?.(event);
+    }, [
+        disabled,
+        readOnly,
+        getStepSize,
+        applyValue,
+        value,
+        min,
+        max,
+        effectiveLargeStep,
+        onKeyDown,
+    ]);
+    /**
+     * Handle focus events
+     */
+    const handleFocus = useCallback((event) => {
+        setIsFocused(true);
+        onFocus?.(event);
+    }, [onFocus]);
+    const handleBlur = useCallback((event) => {
+        setIsFocused(false);
+        onBlur?.(event);
+    }, [onBlur]);
+    // Global mouse events for dragging
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, handleMouseMove, handleMouseUp]);
+    // Generate tick marks
+    const ticks = showTicks ? Array.from({ length: tickCount }, (_, i) => i) : [];
+    const sliderId = React.useId();
+    return (jsxs(StyledSliderContainer, { ref: ref, className: className, "$size": size, "$disabled": disabled, "data-testid": testId, ...props, children: [label && (jsx(FormLabel, { htmlFor: sliderId, disabled: disabled, required: required, children: label })), jsx(InputWrapper, { size: size, error: error, disabled: disabled, focused: isFocused, css: {
+                    border: 'none',
+                    background: 'transparent',
+                    padding: 0,
+                    height: 5,
+                }, children: jsxs(StyledSliderWrapper, { ref: sliderRef, onMouseDown: handleMouseDown, tabIndex: disabled ? -1 : 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": clampedValue, "aria-valuetext": displayValue, "aria-disabled": disabled, "aria-readonly": readOnly, "aria-required": required, "aria-invalid": error, "aria-labelledby": label ? sliderId : undefined, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, children: [jsx(StyledTrack, { ref: trackRef, "$size": size, "$error": error, children: jsx(StyledFill, { "$percentage": percentage, "$error": error, "$isDragging": isDragging }) }), jsx(StyledThumb, { "$size": size, "$percentage": percentage, "$isDragging": isDragging, "$error": error }), showTicks && (jsx(StyledTicks, { "$tickCount": tickCount, "$size": size, children: ticks.map(i => (jsx(StyledTick, {}, i))) })), showTooltip && (jsx(StyledTooltip, { "$percentage": percentage, "$visible": showTooltipState, children: displayValue }))] }) }), (helperText ?? (error && errorMessage)) && (jsx(FormHelperText, { error: error, children: error && errorMessage ? errorMessage : helperText }))] }));
+};
+Slider.displayName = 'Slider';
+
+export { Slider };
+//# sourceMappingURL=Slider.js.map

package/dist/esm/components/controls/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../../../../src/components/controls/Slider/Slider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/controls/TreeView/TreeNode.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import styled from '@emotion/styled';
+
+// --- Size configurations ---
+const sizeConfig = {
+    sm: {
+        rowHeight: 20,
+        chevronSize: 10,
+        iconSize: 12,
+        fontSizeKey: 'md',
+        defaultIndent: 12,
+    },
+    md: {
+        rowHeight: 24,
+        chevronSize: 12,
+        iconSize: 14,
+        fontSizeKey: 'md',
+        defaultIndent: 16,
+    },
+    lg: {
+        rowHeight: 32,
+        chevronSize: 14,
+        iconSize: 16,
+        fontSizeKey: 'lg',
+        defaultIndent: 20,
+    },
+};
+const StyledRow = styled.div `
+  display: flex;
+  align-items: center;
+  height: ${props => sizeConfig[props.$size].rowHeight}px;
+  padding-left: ${props => props.$depth * props.$indent}px;
+  padding-right: ${props => props.theme.spacing.xs}px;
+  cursor: ${props => (props.$disabled ? 'default' : 'pointer')};
+  user-select: none;
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+  position: relative;
+
+  background: ${props => props.$selected ? `${props.theme.colors.accent.primary}26` : 'transparent'};
+
+  ${props => props.$focused &&
+    !props.$selected &&
+    `box-shadow: inset 0 0 0 1px ${props.theme.colors.border.focus};`}
+
+  &:hover {
+    background: ${props => props.$selected
+    ? `${props.theme.colors.accent.primary}33`
+    : props.theme.colors.surface.hover};
+  }
+`;
+const StyledChevron = styled.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${props => sizeConfig[props.$size].chevronSize + 4}px;
+  height: ${props => sizeConfig[props.$size].chevronSize + 4}px;
+  flex-shrink: 0;
+  visibility: ${props => (props.$visible ? 'visible' : 'hidden')};
+  transition: transform ${props => props.theme.transitions.fast};
+  transform: rotate(${props => (props.$expanded ? '90deg' : '0deg')});
+  color: ${props => props.theme.colors.text.muted};
+
+  &:hover {
+    color: ${props => props.theme.colors.text.primary};
+  }
+`;
+const StyledIcon = styled.span `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: ${props => sizeConfig[props.$size].iconSize}px;
+  height: ${props => sizeConfig[props.$size].iconSize}px;
+  flex-shrink: 0;
+  margin-right: ${props => props.theme.spacing.xs}px;
+  color: ${props => props.theme.colors.text.secondary};
+`;
+const StyledLabel = styled.span `
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
+  color: ${props => props.theme.colors.text.primary};
+  line-height: ${props => props.theme.typography.lineHeight.normal};
+`;
+const StyledActions = styled.span `
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  margin-left: auto;
+  flex-shrink: 0;
+`;
+const StyledRenameInput = styled.input `
+  flex: 1;
+  min-width: 0;
+  border: 1px solid ${props => props.theme.colors.border.focus};
+  border-radius: ${props => props.theme.borderRadius.sm}px;
+  background: ${props => props.theme.colors.surface.default};
+  color: ${props => props.theme.colors.text.primary};
+  font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
+  padding: 0 4px;
+  outline: none;
+  height: ${props => sizeConfig[props.$size].rowHeight - 4}px;
+`;
+const StyledGuideLine = styled.span `
+  position: absolute;
+  left: ${props => props.$left + sizeConfig[props.$size].defaultIndent / 2}px;
+  top: 0;
+  bottom: 0;
+  width: 1px;
+  background: ${props => props.theme.colors.border.default}4D;
+  pointer-events: none;
+`;
+// --- Chevron icon SVG ---
+const ChevronSvg = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: jsx("path", { d: "M4.5 2.5L8 6L4.5 9.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded, isFocused, isFirst, isLast, showChevrons, showGuideLines, renamable, nodeId, renderNode, renderActions, onToggleExpand, onClick, onDoubleClick, onContextMenu, onRename, }) => {
+    const [isRenaming, setIsRenaming] = useState(false);
+    const [renameValue, setRenameValue] = useState(node.label);
+    const renameInputRef = useRef(null);
+    const isLeaf = !node.children || node.children.length === 0;
+    const config = sizeConfig[size];
+    const state = {
+        selected: isSelected,
+        expanded: isExpanded,
+        focused: isFocused,
+        depth,
+        isLeaf,
+        isFirst,
+        isLast,
+    };
+    const handleChevronClick = useCallback((e) => {
+        e.stopPropagation();
+        if (!node.disabled && !isLeaf) {
+            onToggleExpand(node.id);
+        }
+    }, [node.id, node.disabled, isLeaf, onToggleExpand]);
+    const handleClick = useCallback((e) => {
+        if (node.disabled || isRenaming)
+            return;
+        onClick(node, e);
+    }, [node, isRenaming, onClick]);
+    const handleDoubleClick = useCallback((e) => {
+        if (node.disabled)
+            return;
+        // Start rename if renamable
+        if (renamable && node.renamable !== false) {
+            setIsRenaming(true);
+            setRenameValue(node.label);
+            setTimeout(() => {
+                renameInputRef.current?.focus();
+                renameInputRef.current?.select();
+            }, 0);
+            return;
+        }
+        onDoubleClick?.(node, e);
+    }, [node, renamable, onDoubleClick]);
+    const handleContextMenu = useCallback((e) => {
+        onContextMenu?.(node, e);
+    }, [node, onContextMenu]);
+    const confirmRename = useCallback(() => {
+        if (renameValue.trim() && renameValue !== node.label) {
+            onRename?.(node.id, renameValue.trim());
+        }
+        setIsRenaming(false);
+    }, [renameValue, node.id, node.label, onRename]);
+    const cancelRename = useCallback(() => {
+        setRenameValue(node.label);
+        setIsRenaming(false);
+    }, [node.label]);
+    const handleRenameKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            confirmRename();
+        }
+        else if (e.key === 'Escape') {
+            cancelRename();
+        }
+    }, [confirmRename, cancelRename]);
+    // Guide lines for each parent level
+    const guideLines = showGuideLines && depth > 0
+        ? Array.from({ length: depth }, (_, i) => (jsx(StyledGuideLine, { "$left": i * indent, "$size": size }, i)))
+        : null;
+    return (jsxs(StyledRow, { id: `treenode-${nodeId}`, role: "treeitem", "aria-expanded": isLeaf ? undefined : isExpanded, "aria-selected": isSelected, "aria-disabled": node.disabled ?? undefined, "aria-level": depth + 1, "$size": size, "$selected": isSelected, "$focused": isFocused, "$disabled": node.disabled ?? false, "$depth": depth, "$indent": indent, onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, tabIndex: -1, children: [guideLines, showChevrons && (jsx(StyledChevron, { "$expanded": isExpanded, "$size": size, "$visible": !isLeaf, onClick: handleChevronClick, "aria-hidden": "true", children: jsx(ChevronSvg, { size: config.chevronSize }) })), renderNode ? (renderNode(node, state)) : (jsxs(Fragment, { children: [node.icon && jsx(StyledIcon, { "$size": size, children: node.icon }), isRenaming ? (jsx(StyledRenameInput, { ref: renameInputRef, "$size": size, value: renameValue, onChange: e => setRenameValue(e.target.value), onKeyDown: handleRenameKeyDown, onBlur: confirmRename, "aria-label": `Rename ${node.label}`, onClick: e => e.stopPropagation() })) : (jsx(StyledLabel, { "$size": size, children: node.label }))] })), renderActions && (jsx(StyledActions, { onClick: e => e.stopPropagation(), children: renderActions(node, state) }))] }));
+};
+TreeNodeComponent.displayName = 'TreeNode';
+
+export { TreeNodeComponent };
+//# sourceMappingURL=TreeNode.js.map

package/dist/esm/components/controls/TreeView/TreeNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}