@seedgrid/fe-components 2026.3.4 → 2026.3.9

package/dist/inputs/SgOrderList.js

@@ -0,0 +1,316 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { SgButton } from "../buttons/SgButton";
+import { SgGroupBox } from "../layout/SgGroupBox";
+import { t, useComponentsI18n } from "../i18n";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+function uniqueValues(values) {
+    return Array.from(new Set(values));
+}
+function isSameValueList(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let index = 0; index < a.length; index += 1) {
+        if (a[index] !== b[index])
+            return false;
+    }
+    return true;
+}
+function isSameOrder(a, b) {
+    if (a.length !== b.length)
+        return false;
+    for (let index = 0; index < a.length; index += 1) {
+        if (a[index] !== b[index])
+            return false;
+    }
+    return true;
+}
+function getMovableSelection(items, selection) {
+    const selectedValues = new Set(selection);
+    return new Set(items
+        .filter((item) => selectedValues.has(item.value) && !item.disabled)
+        .map((item) => item.value));
+}
+function moveSelectionTop(items, selected) {
+    if (items.length < 2 || selected.size === 0)
+        return items;
+    const picked = items.filter((item) => selected.has(item.value));
+    if (picked.length === 0)
+        return items;
+    const rest = items.filter((item) => !selected.has(item.value));
+    const next = [...picked, ...rest];
+    return isSameOrder(items, next) ? items : next;
+}
+function moveSelectionBottom(items, selected) {
+    if (items.length < 2 || selected.size === 0)
+        return items;
+    const picked = items.filter((item) => selected.has(item.value));
+    if (picked.length === 0)
+        return items;
+    const rest = items.filter((item) => !selected.has(item.value));
+    const next = [...rest, ...picked];
+    return isSameOrder(items, next) ? items : next;
+}
+function moveSelectionUp(items, selected) {
+    if (items.length < 2 || selected.size === 0)
+        return items;
+    const next = [...items];
+    let moved = false;
+    for (let index = 1; index < next.length; index += 1) {
+        const current = next[index];
+        const previous = next[index - 1];
+        if (!selected.has(current.value) || selected.has(previous.value))
+            continue;
+        next[index] = previous;
+        next[index - 1] = current;
+        moved = true;
+    }
+    return moved ? next : items;
+}
+function moveSelectionDown(items, selected) {
+    if (items.length < 2 || selected.size === 0)
+        return items;
+    const next = [...items];
+    let moved = false;
+    for (let index = next.length - 2; index >= 0; index -= 1) {
+        const current = next[index];
+        const nextItem = next[index + 1];
+        if (!selected.has(current.value) || selected.has(nextItem.value))
+            continue;
+        next[index] = nextItem;
+        next[index + 1] = current;
+        moved = true;
+    }
+    return moved ? next : items;
+}
+function moveSingleItem(items, fromIndex, toIndex) {
+    if (items.length < 2)
+        return items;
+    if (fromIndex < 0 || fromIndex >= items.length)
+        return items;
+    if (toIndex < 0 || toIndex > items.length)
+        return items;
+    if (fromIndex === toIndex || fromIndex + 1 === toIndex)
+        return items;
+    const next = [...items];
+    const [picked] = next.splice(fromIndex, 1);
+    if (!picked)
+        return items;
+    const targetIndex = fromIndex < toIndex ? toIndex - 1 : toIndex;
+    const insertAt = Math.max(0, Math.min(targetIndex, next.length));
+    next.splice(insertAt, 0, picked);
+    return isSameOrder(items, next) ? items : next;
+}
+function resolveMessage(translated, key, fallback) {
+    return translated === key ? fallback : translated;
+}
+function SgOrderListBase(props, imperativeRef) {
+    const i18n = useComponentsI18n();
+    const { id, title, source, value: controlledValue, onChange, selectedValues: controlledSelection, onSelectionChange, selectionMode = "multiple", showControls = true, controlsPosition = "left", draggable = true, disabled = false, readOnly = false, emptyMessage, itemTemplate, className = "", style, listClassName = "", itemClassName = "", groupBoxProps = {} } = props;
+    const [internalItems, setInternalItems] = React.useState(() => controlledValue ?? source);
+    const [internalSelection, setInternalSelection] = React.useState(() => uniqueValues(controlledSelection ?? []));
+    const [anchorValue, setAnchorValue] = React.useState(null);
+    const [draggingIndex, setDraggingIndex] = React.useState(null);
+    const [dropIndex, setDropIndex] = React.useState(null);
+    const isControlled = controlledValue !== undefined;
+    const isSelectionControlled = controlledSelection !== undefined;
+    React.useEffect(() => {
+        if (isControlled)
+            return;
+        setInternalItems(source);
+    }, [source, isControlled]);
+    const currentItems = isControlled ? controlledValue : internalItems;
+    const rawSelection = isSelectionControlled ? (controlledSelection ?? []) : internalSelection;
+    const currentSelection = React.useMemo(() => {
+        const validValues = new Set(currentItems.map((item) => item.value));
+        return uniqueValues(rawSelection.filter((value) => validValues.has(value)));
+    }, [rawSelection, currentItems]);
+    const selectedSet = React.useMemo(() => new Set(currentSelection), [currentSelection]);
+    React.useEffect(() => {
+        if (isSelectionControlled)
+            return;
+        setInternalSelection((previous) => {
+            const validValues = new Set(currentItems.map((item) => item.value));
+            const next = uniqueValues(previous.filter((value) => validValues.has(value)));
+            return isSameValueList(previous, next) ? previous : next;
+        });
+    }, [currentItems, isSelectionControlled]);
+    const canInteract = !disabled && !readOnly;
+    const allowDrag = draggable && canInteract;
+    const movableSelection = React.useMemo(() => getMovableSelection(currentItems, currentSelection), [currentItems, currentSelection]);
+    const commitItems = React.useCallback((nextItems) => {
+        if (!isControlled)
+            setInternalItems(nextItems);
+        onChange?.(nextItems);
+    }, [isControlled, onChange]);
+    const commitSelection = React.useCallback((nextSelection) => {
+        const normalized = uniqueValues(nextSelection);
+        if (!isSelectionControlled)
+            setInternalSelection(normalized);
+        onSelectionChange?.(normalized);
+    }, [isSelectionControlled, onSelectionChange]);
+    const applyMove = React.useCallback((direction) => {
+        if (!canInteract || movableSelection.size === 0)
+            return;
+        let nextItems = currentItems;
+        if (direction === "top")
+            nextItems = moveSelectionTop(currentItems, movableSelection);
+        if (direction === "up")
+            nextItems = moveSelectionUp(currentItems, movableSelection);
+        if (direction === "down")
+            nextItems = moveSelectionDown(currentItems, movableSelection);
+        if (direction === "bottom")
+            nextItems = moveSelectionBottom(currentItems, movableSelection);
+        if (nextItems !== currentItems)
+            commitItems(nextItems);
+    }, [canInteract, commitItems, currentItems, movableSelection]);
+    React.useImperativeHandle(imperativeRef, () => ({
+        getItems: () => currentItems,
+        setItems: (items) => commitItems(items),
+        getSelection: () => currentSelection,
+        setSelection: (values) => commitSelection(values),
+        moveTop: () => applyMove("top"),
+        moveUp: () => applyMove("up"),
+        moveDown: () => applyMove("down"),
+        moveBottom: () => applyMove("bottom"),
+        clearSelection: () => commitSelection([])
+    }), [applyMove, commitItems, commitSelection, currentItems, currentSelection]);
+    const handleItemSelection = React.useCallback((event, item, index) => {
+        if (!canInteract || item.disabled)
+            return;
+        const itemValue = item.value;
+        if (selectionMode === "single") {
+            commitSelection([itemValue]);
+            setAnchorValue(itemValue);
+            return;
+        }
+        if (event.shiftKey && anchorValue !== null) {
+            const anchorIndex = currentItems.findIndex((entry) => entry.value === anchorValue);
+            if (anchorIndex >= 0) {
+                const start = Math.min(anchorIndex, index);
+                const end = Math.max(anchorIndex, index);
+                const rangeValues = currentItems
+                    .slice(start, end + 1)
+                    .filter((entry) => !entry.disabled)
+                    .map((entry) => entry.value);
+                if (event.metaKey || event.ctrlKey) {
+                    commitSelection([...currentSelection, ...rangeValues]);
+                }
+                else {
+                    commitSelection(rangeValues);
+                }
+                return;
+            }
+        }
+        const alreadySelected = selectedSet.has(itemValue);
+        const nextSelection = alreadySelected
+            ? currentSelection.filter((value) => value !== itemValue)
+            : [...currentSelection, itemValue];
+        commitSelection(nextSelection);
+        setAnchorValue(itemValue);
+    }, [
+        anchorValue,
+        canInteract,
+        commitSelection,
+        currentItems,
+        currentSelection,
+        selectedSet,
+        selectionMode
+    ]);
+    const clearDragState = React.useCallback(() => {
+        setDraggingIndex(null);
+        setDropIndex(null);
+    }, []);
+    const handleDragStart = React.useCallback((event, item, index) => {
+        if (!allowDrag || item.disabled) {
+            event.preventDefault();
+            return;
+        }
+        setDraggingIndex(index);
+        setDropIndex(index);
+        event.dataTransfer.effectAllowed = "move";
+        try {
+            event.dataTransfer.setData("text/plain", String(item.value));
+        }
+        catch {
+            // Ignore setData failures in restrictive browser contexts.
+        }
+        if (!selectedSet.has(item.value)) {
+            const nextSelection = selectionMode === "single" ? [item.value] : [item.value];
+            commitSelection(nextSelection);
+            setAnchorValue(item.value);
+        }
+    }, [allowDrag, commitSelection, selectedSet, selectionMode]);
+    const handleDragOver = React.useCallback((event, index) => {
+        if (!allowDrag || draggingIndex === null)
+            return;
+        event.preventDefault();
+        event.dataTransfer.dropEffect = "move";
+        setDropIndex(index);
+    }, [allowDrag, draggingIndex]);
+    const handleDrop = React.useCallback((event, index) => {
+        if (!allowDrag || draggingIndex === null)
+            return;
+        event.preventDefault();
+        const nextItems = moveSingleItem(currentItems, draggingIndex, index);
+        if (nextItems !== currentItems)
+            commitItems(nextItems);
+        clearDragState();
+    }, [allowDrag, clearDragState, commitItems, currentItems, draggingIndex]);
+    const handleItemKeyDown = React.useCallback((event, item, index) => {
+        if (event.key === " " || event.key === "Enter") {
+            event.preventDefault();
+            handleItemSelection(event, item, index);
+            return;
+        }
+        if ((event.ctrlKey || event.metaKey) && event.key === "ArrowUp") {
+            event.preventDefault();
+            applyMove("up");
+            return;
+        }
+        if ((event.ctrlKey || event.metaKey) && event.key === "ArrowDown") {
+            event.preventDefault();
+            applyMove("down");
+            return;
+        }
+        if ((event.ctrlKey || event.metaKey) && event.key === "Home") {
+            event.preventDefault();
+            applyMove("top");
+            return;
+        }
+        if ((event.ctrlKey || event.metaKey) && event.key === "End") {
+            event.preventDefault();
+            applyMove("bottom");
+        }
+    }, [applyMove, handleItemSelection]);
+    const moveTopLabel = resolveMessage(t(i18n, "components.orderlist.moveTop"), "components.orderlist.moveTop", "Move to top");
+    const moveUpLabel = resolveMessage(t(i18n, "components.orderlist.moveUp"), "components.orderlist.moveUp", "Move up");
+    const moveDownLabel = resolveMessage(t(i18n, "components.orderlist.moveDown"), "components.orderlist.moveDown", "Move down");
+    const moveBottomLabel = resolveMessage(t(i18n, "components.orderlist.moveBottom"), "components.orderlist.moveBottom", "Move to bottom");
+    const emptyLabel = emptyMessage ?? resolveMessage(t(i18n, "components.orderlist.empty"), "components.orderlist.empty", "No items available.");
+    const canMoveTop = canInteract && moveSelectionTop(currentItems, movableSelection) !== currentItems;
+    const canMoveUp = canInteract && moveSelectionUp(currentItems, movableSelection) !== currentItems;
+    const canMoveDown = canInteract && moveSelectionDown(currentItems, movableSelection) !== currentItems;
+    const canMoveBottom = canInteract && moveSelectionBottom(currentItems, movableSelection) !== currentItems;
+    const renderedList = (_jsxs("ul", { id: id, role: "listbox", "aria-multiselectable": selectionMode === "multiple" ? true : undefined, "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, className: cn("w-full min-w-0 overflow-y-auto rounded-lg border border-[rgb(var(--sg-border))] bg-white p-1", "max-h-[22rem]", listClassName), children: [currentItems.length === 0 ? (_jsx("li", { className: "list-none px-3 py-4 text-sm text-[rgb(var(--sg-muted))]", children: emptyLabel })) : (currentItems.map((item, index) => {
+                const isItemSelected = selectedSet.has(item.value);
+                const isItemDisabled = disabled || Boolean(item.disabled);
+                const isDropTarget = dropIndex === index && draggingIndex !== null && draggingIndex !== index;
+                const isDragging = draggingIndex === index;
+                return (_jsx("li", { className: "list-none", children: _jsxs("button", { type: "button", role: "option", "aria-selected": isItemSelected, draggable: allowDrag && !item.disabled, disabled: isItemDisabled, onClick: (event) => handleItemSelection(event, item, index), onKeyDown: (event) => handleItemKeyDown(event, item, index), onDragStart: (event) => handleDragStart(event, item, index), onDragOver: (event) => handleDragOver(event, index), onDrop: (event) => handleDrop(event, index), onDragEnd: clearDragState, className: cn("group flex w-full items-center gap-2 rounded-md px-3 py-2 text-left text-sm transition-all", isItemSelected
+                            ? "bg-[rgb(var(--sg-primary-100))] text-[rgb(var(--sg-text))] ring-1 ring-[rgb(var(--sg-primary-300))]"
+                            : "bg-white text-[rgb(var(--sg-text))] hover:bg-[rgb(var(--sg-primary-50))]", isItemDisabled ? "cursor-not-allowed opacity-60" : "cursor-pointer", allowDrag && !item.disabled ? "active:cursor-grabbing" : "", isDropTarget ? "ring-2 ring-[rgb(var(--sg-primary-400))]" : "", isDragging ? "opacity-50" : "", itemClassName), children: [_jsx("span", { className: "min-w-0 flex-1", children: itemTemplate ? (itemTemplate(item, {
+                                    index,
+                                    selected: isItemSelected,
+                                    disabled: isItemDisabled
+                                })) : (_jsxs("span", { className: "flex items-center gap-2", children: [item.icon ? _jsx("span", { className: "shrink-0", children: item.icon }) : null, _jsx("span", { className: "truncate", children: item.label })] })) }), allowDrag && !item.disabled ? (_jsx("span", { "aria-hidden": "true", className: "shrink-0 text-xs tracking-wide text-[rgb(var(--sg-muted))]", children: "::" })) : null] }) }, `${item.value}-${index}`));
+            })), allowDrag && currentItems.length > 0 ? (_jsx("li", { className: "list-none", children: _jsx("div", { onDragOver: (event) => handleDragOver(event, currentItems.length), onDrop: (event) => handleDrop(event, currentItems.length), className: cn("mt-1 h-3 rounded-md border border-dashed border-transparent transition-colors", dropIndex === currentItems.length ? "border-[rgb(var(--sg-primary-400))] bg-[rgb(var(--sg-primary-100))]" : "") }) })) : null] }));
+    const controls = showControls ? (_jsxs("div", { className: "flex shrink-0 flex-col gap-2", children: [_jsx(SgButton, { size: "sm", appearance: "outline", disabled: !canMoveTop, title: moveTopLabel, "aria-label": moveTopLabel, onClick: () => applyMove("top"), children: "Top" }), _jsx(SgButton, { size: "sm", appearance: "outline", disabled: !canMoveUp, title: moveUpLabel, "aria-label": moveUpLabel, onClick: () => applyMove("up"), children: "Up" }), _jsx(SgButton, { size: "sm", appearance: "outline", disabled: !canMoveDown, title: moveDownLabel, "aria-label": moveDownLabel, onClick: () => applyMove("down"), children: "Down" }), _jsx(SgButton, { size: "sm", appearance: "outline", disabled: !canMoveBottom, title: moveBottomLabel, "aria-label": moveBottomLabel, onClick: () => applyMove("bottom"), children: "Bottom" })] })) : null;
+    const containerDirection = controlsPosition === "right" ? "flex-row-reverse" : "flex-row";
+    const resolvedTitle = (groupBoxProps.title ?? title ?? "").trim() || " ";
+    return (_jsx("div", { className: className, style: style, children: _jsx(SgGroupBox, { ...groupBoxProps, title: resolvedTitle, children: _jsxs("div", { className: cn("flex items-start gap-3", containerDirection), children: [controls, _jsx("div", { className: "min-w-0 flex-1", children: renderedList })] }) }) }));
+}
+export const SgOrderList = React.forwardRef((props, ref) => SgOrderListBase(props, ref));

package/dist/inputs/SgPickList.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+import { type SgGroupBoxProps } from "../layout/SgGroupBox";
+export interface SgPickListItem {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    data?: unknown;
+}
+export type SgPickListListName = "source" | "target";
+export type SgPickListSelectionMode = "single" | "multiple";
+export type SgPickListFilterMatchMode = "contains" | "startsWith" | "endsWith";
+export type SgPickListChangeType = "moveToTarget" | "moveAllToTarget" | "moveToSource" | "moveAllToSource" | "reorderSource" | "reorderTarget" | "dragdrop";
+export type SgPickListValue = {
+    source: SgPickListItem[];
+    target: SgPickListItem[];
+};
+export type SgPickListChangeEvent = SgPickListValue & {
+    type: SgPickListChangeType;
+};
+export type SgPickListRef = {
+    getValue: () => SgPickListValue;
+    setValue: (value: SgPickListValue) => void;
+    moveToTarget: () => void;
+    moveAllToTarget: () => void;
+    moveToSource: () => void;
+    moveAllToSource: () => void;
+    clearSelection: () => void;
+};
+export interface SgPickListProps {
+    id?: string;
+    title?: string;
+    source: SgPickListItem[];
+    target: SgPickListItem[];
+    value?: SgPickListValue;
+    onChange?: (event: SgPickListChangeEvent) => void;
+    sourceSelection?: (string | number)[];
+    targetSelection?: (string | number)[];
+    onSourceSelectionChange?: (values: (string | number)[]) => void;
+    onTargetSelectionChange?: (values: (string | number)[]) => void;
+    selectionMode?: SgPickListSelectionMode;
+    sourceHeader?: string;
+    targetHeader?: string;
+    showTransferControls?: boolean;
+    showSourceControls?: boolean;
+    showTargetControls?: boolean;
+    showSourceFilter?: boolean;
+    showTargetFilter?: boolean;
+    sourceFilterPlaceholder?: string;
+    targetFilterPlaceholder?: string;
+    filterMatchMode?: SgPickListFilterMatchMode;
+    draggable?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    emptyMessage?: string;
+    itemTemplate?: (item: SgPickListItem, state: {
+        index: number;
+        selected: boolean;
+        disabled: boolean;
+        list: SgPickListListName;
+    }) => React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    listClassName?: string;
+    itemClassName?: string;
+    groupBoxProps?: Omit<Partial<SgGroupBoxProps>, "children" | "title"> & {
+        title?: string;
+    };
+}
+export declare const SgPickList: React.ForwardRefExoticComponent<SgPickListProps & React.RefAttributes<SgPickListRef>>;
+//# sourceMappingURL=SgPickList.d.ts.map

package/dist/inputs/SgPickList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgPickList.d.ts","sourceRoot":"","sources":["../../src/inputs/SgPickList.tsx"],"names":[],"mappings":"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"}