@seedgrid/fe-components 0.2.4

package/dist/layout/SgStack.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+export type SgStackProps = Omit<React.HTMLAttributes<HTMLDivElement>, "align" | "children"> & {
+    direction?: "row" | "column";
+    gap?: number | string;
+    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
+    align?: "start" | "center" | "end" | "stretch";
+    wrap?: boolean;
+    grow?: boolean;
+    children?: React.ReactNode;
+};
+export declare function SgStack(props: Readonly<SgStackProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SgStack {
+    var displayName: string;
+}
+//# sourceMappingURL=SgStack.d.ts.map

package/dist/layout/SgStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgStack.d.ts","sourceRoot":"","sources":["../../src/layout/SgStack.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAC5F,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,2CAkDpD;yBAlDe,OAAO"}

package/dist/layout/SgStack.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+function toCssSpace(value) {
+    if (value === undefined || value === null)
+        return undefined;
+    return typeof value === "number" ? `${value}px` : value;
+}
+export function SgStack(props) {
+    const { direction = "column", gap = 0, justify = "start", align = "stretch", wrap = false, grow = false, className, style, children, ...rest } = props;
+    const justifyClass = {
+        start: "justify-start",
+        center: "justify-center",
+        end: "justify-end",
+        between: "justify-between",
+        around: "justify-around",
+        evenly: "justify-evenly"
+    };
+    const alignClass = {
+        start: "items-start",
+        center: "items-center",
+        end: "items-end",
+        stretch: "items-stretch"
+    };
+    return (_jsx("div", { className: cn("flex min-h-0 min-w-0", direction === "row" ? "flex-row" : "flex-col", justifyClass[justify], alignClass[align], wrap ? "flex-wrap" : "", grow ? "flex-1" : "", className), style: {
+            ...style,
+            gap: toCssSpace(gap)
+        }, ...rest, children: children }));
+}
+SgStack.displayName = "SgStack";

package/dist/layout/SgToolBar.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+export type SgToolBarOrientation = "horizontal" | "vertical";
+export type SgToolBarSeverity = "primary" | "secondary" | "success" | "info" | "warning" | "help" | "danger" | "plain";
+export type SgToolBarSize = {
+    w?: number;
+    h?: number;
+};
+export type SgToolBarProps = {
+    id: string;
+    title?: React.ReactNode;
+    orientation?: SgToolBarOrientation;
+    size?: SgToolBarSize;
+    className?: string;
+    style?: React.CSSProperties;
+    dockZone?: "top" | "bottom" | "left" | "right" | "free";
+    draggable?: boolean;
+    freeDrag?: boolean;
+    defaultPosition?: {
+        x: number;
+        y: number;
+    };
+    collapsible?: boolean;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    collapseDirection?: "left" | "right" | "top" | "bottom";
+    onCollapsedChange?: (collapsed: boolean) => void;
+    children?: React.ReactNode;
+};
+export type SgToolbarIconButtonProps = {
+    icon?: React.ReactNode | string;
+    hint?: string;
+    severity?: SgToolBarSeverity;
+    disabled?: boolean;
+    onClick?: () => void;
+};
+export declare function SgToolBar(props: Readonly<SgToolBarProps>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SgToolBar {
+    var displayName: string;
+}
+export declare function SgToolbarIconButton(props: Readonly<SgToolbarIconButtonProps & {
+    hideLabel?: boolean;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SgToolbarIconButton {
+    var displayName: string;
+}
+//# sourceMappingURL=SgToolBar.d.ts.map

package/dist/layout/SgToolBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SgToolBar.d.ts","sourceRoot":"","sources":["../../src/layout/SgToolBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAExD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAE3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAsEF,wBAAgB,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,2CAsLxD;yBAtLe,SAAS;;;AAwLzB,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,QAAQ,CAAC,wBAAwB,GAAG;IAAE,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,2CAwCpE;yBAzCe,mBAAmB"}

package/dist/layout/SgToolBar.js

@@ -0,0 +1,199 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { createPortal } from "react-dom";
+import { useSgDockLayout } from "./SgDockLayout";
+function cn(...parts) {
+    return parts.filter(Boolean).join(" ");
+}
+const BTN_COLORS = {
+    primary: {
+        bg: "hsl(var(--primary))",
+        fg: "hsl(var(--primary-foreground))",
+        ring: "hsl(var(--primary)/0.35)"
+    },
+    secondary: {
+        bg: "hsl(var(--secondary))",
+        fg: "hsl(var(--secondary-foreground))",
+        ring: "hsl(var(--secondary)/0.35)"
+    },
+    success: {
+        bg: "hsl(var(--tertiary,var(--accent,var(--primary))))",
+        fg: "hsl(var(--tertiary-foreground,var(--accent-foreground,var(--primary-foreground))))",
+        ring: "hsl(var(--tertiary,var(--accent,var(--primary)))/0.35)"
+    },
+    info: {
+        bg: "hsl(var(--secondary,var(--primary)))",
+        fg: "hsl(var(--secondary-foreground,var(--primary-foreground)))",
+        ring: "hsl(var(--secondary,var(--primary))/0.35)"
+    },
+    warning: {
+        bg: "hsl(var(--accent,var(--secondary,var(--primary))))",
+        fg: "hsl(var(--accent-foreground,var(--secondary-foreground,var(--primary-foreground))))",
+        ring: "hsl(var(--accent,var(--secondary,var(--primary)))/0.35)"
+    },
+    help: {
+        bg: "hsl(var(--secondary,var(--primary)))",
+        fg: "hsl(var(--secondary-foreground,var(--primary-foreground)))",
+        ring: "hsl(var(--secondary,var(--primary))/0.35)"
+    },
+    danger: {
+        bg: "hsl(var(--destructive))",
+        fg: "hsl(var(--destructive-foreground))",
+        ring: "hsl(var(--destructive)/0.35)"
+    },
+    plain: {
+        bg: "hsl(var(--muted))",
+        fg: "hsl(var(--muted-foreground))",
+        ring: "hsl(var(--muted)/0.35)"
+    }
+};
+function clamp(n, min, max) {
+    return Math.max(min, Math.min(max, n));
+}
+function useControlledState(args) {
+    const { value, defaultValue, onChange } = args;
+    const [internal, setInternal] = React.useState(defaultValue);
+    const isControlled = value !== undefined;
+    const current = isControlled ? value : internal;
+    const set = React.useCallback((next) => {
+        if (!isControlled)
+            setInternal(next);
+        onChange?.(next);
+    }, [isControlled, onChange]);
+    return [current, set];
+}
+export function SgToolBar(props) {
+    const { id, title, orientation = "vertical", size, className, style, dockZone, draggable = true, freeDrag = true, defaultPosition, collapsible = true, collapsed, defaultCollapsed = false, collapseDirection, onCollapsedChange, children } = props;
+    const dock = useSgDockLayout();
+    const inDock = !!dock;
+    const assignedZone = inDock ? dock.getToolbarZone(id) : null;
+    const effectiveZone = assignedZone ?? dockZone ?? "free";
+    const portalTarget = inDock ? dock.getZoneElement(effectiveZone) : null;
+    const [isCollapsed, setIsCollapsed] = useControlledState({
+        value: collapsed ?? (inDock ? dock.getToolbarCollapsed(id) : undefined),
+        defaultValue: defaultCollapsed,
+        onChange: (next) => {
+            onCollapsedChange?.(next);
+            if (inDock)
+                dock.setToolbarCollapsed(id, next);
+        }
+    });
+    const [dragPos, setDragPos] = React.useState(defaultPosition ?? null);
+    const dragStart = React.useRef(null);
+    const dragMoved = React.useRef(false);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+        if (!inDock)
+            return;
+        dock.ensureToolbar(id, {
+            zone: effectiveZone,
+            collapsed: defaultCollapsed,
+            orientation
+        });
+    }, [dock, id, effectiveZone, defaultCollapsed, inDock, orientation]);
+    const handlePointerDown = React.useCallback((event) => {
+        if (event.button !== 0)
+            return;
+        if (!draggable)
+            return;
+        if (!containerRef.current)
+            return;
+        if (!freeDrag && !inDock)
+            return;
+        event.preventDefault();
+        const rect = containerRef.current.getBoundingClientRect();
+        dragStart.current = {
+            x: event.clientX,
+            y: event.clientY,
+            left: rect.left,
+            top: rect.top
+        };
+        dragMoved.current = false;
+        const handleMove = (moveEvent) => {
+            if (!dragStart.current)
+                return;
+            const dx = moveEvent.clientX - dragStart.current.x;
+            const dy = moveEvent.clientY - dragStart.current.y;
+            if (Math.abs(dx) > 3 || Math.abs(dy) > 3)
+                dragMoved.current = true;
+            const next = { x: dragStart.current.left + dx, y: dragStart.current.top + dy };
+            setDragPos(next);
+        };
+        const handleUp = (upEvent) => {
+            window.removeEventListener("pointermove", handleMove);
+            window.removeEventListener("pointerup", handleUp);
+            window.removeEventListener("pointercancel", handleUp);
+            if (!dragStart.current)
+                return;
+            dragStart.current = null;
+            if (!dragMoved.current)
+                return;
+            if (inDock) {
+                const zone = dock.getZoneAtPoint(upEvent.clientX, upEvent.clientY);
+                if (zone)
+                    dock.moveToolbar(id, zone);
+                setDragPos(null);
+            }
+            else if (freeDrag) {
+                const wh = containerRef.current?.getBoundingClientRect();
+                if (wh) {
+                    const maxX = Math.max(0, window.innerWidth - wh.width);
+                    const maxY = Math.max(0, window.innerHeight - wh.height);
+                    setDragPos({
+                        x: clamp(dragPos?.x ?? wh.left, 0, maxX),
+                        y: clamp(dragPos?.y ?? wh.top, 0, maxY)
+                    });
+                }
+            }
+        };
+        window.addEventListener("pointermove", handleMove);
+        window.addEventListener("pointerup", handleUp);
+        window.addEventListener("pointercancel", handleUp);
+    }, [draggable, freeDrag, inDock, dock, id, dragPos]);
+    const direction = collapseDirection ??
+        (orientation === "horizontal"
+            ? "left"
+            : "top");
+    const toolbar = (_jsxs("div", { ref: containerRef, className: cn("select-none rounded-xl border border-border bg-background shadow-sm", "flex", orientation === "horizontal" ? "flex-row items-center" : "flex-col items-center", className), style: {
+            width: size?.w,
+            height: size?.h,
+            position: dragPos ? "fixed" : undefined,
+            left: dragPos?.x,
+            top: dragPos?.y,
+            zIndex: dragPos ? 1000 : undefined,
+            ...style
+        }, onPointerDown: handlePointerDown, children: [(title || collapsible) && (_jsxs("div", { className: cn("flex items-center gap-2 px-2 py-1 border-b border-border w-full", orientation === "horizontal" ? "border-b-0 border-r" : ""), children: [title ? (_jsx("span", { className: cn("text-xs font-semibold text-foreground truncate", isCollapsed ? "hidden" : ""), children: title })) : null, collapsible ? (_jsx("button", { type: "button", className: "ml-auto inline-flex size-6 items-center justify-center rounded-md hover:bg-muted", onClick: () => setIsCollapsed(!isCollapsed), onPointerDown: (e) => e.stopPropagation(), "aria-label": "Toggle toolbar", children: _jsx(CollapseIcon, { direction: direction, collapsed: isCollapsed }) })) : null] })), _jsx("div", { className: cn("flex gap-2 p-2", orientation === "horizontal" ? "flex-row" : "flex-col", isCollapsed ? "opacity-90" : ""), children: React.Children.map(children, (child) => {
+                    if (!isCollapsed)
+                        return child;
+                    if (!React.isValidElement(child))
+                        return child;
+                    return React.cloneElement(child, { hideLabel: true });
+                }) })] }));
+    if (portalTarget) {
+        return createPortal(toolbar, portalTarget);
+    }
+    return toolbar;
+}
+export function SgToolbarIconButton(props) {
+    const { icon, hint, severity = "plain", disabled, onClick, hideLabel } = props;
+    const c = BTN_COLORS[severity];
+    const text = typeof icon === "string" ? icon : null;
+    return (_jsxs("button", { type: "button", disabled: disabled, onClick: onClick, title: hint, className: cn("group", "relative inline-flex items-center justify-center rounded-lg", "transition-[transform,filter] duration-150", "hover:brightness-95 active:brightness-90", "focus-visible:outline-none focus-visible:ring-4", "disabled:opacity-50 disabled:cursor-not-allowed"), style: {
+            width: 40,
+            height: 40,
+            backgroundColor: c.bg,
+            color: c.fg,
+            ["--tw-ring-color"]: c.ring
+        }, children: [icon && typeof icon !== "string" ? (_jsx("span", { className: "inline-flex", children: icon })) : (_jsx("span", { className: "text-[10px] font-semibold", children: text?.slice(0, 2) })), !hideLabel && hint ? (_jsx("span", { className: "pointer-events-none absolute top-full mt-1 whitespace-nowrap rounded bg-foreground/90 px-2 py-1 text-[11px] text-background opacity-0 transition-opacity duration-150 group-hover:opacity-100", children: hint })) : null] }));
+}
+function CollapseIcon(props) {
+    const { direction, collapsed } = props;
+    const rot = direction === "left" ? (collapsed ? 180 : 0)
+        : direction === "right" ? (collapsed ? 0 : 180)
+            : direction === "top" ? (collapsed ? 180 : 0)
+                : (collapsed ? 0 : 180);
+    return (_jsx("svg", { viewBox: "0 0 24 24", className: "size-4", style: { transform: `rotate(${rot}deg)` }, "aria-hidden": "true", children: _jsx("path", { d: "M8 5l8 7-8 7", fill: "currentColor" }) }));
+}
+SgToolBar.displayName = "SgToolBar";
+SgToolbarIconButton.displayName = "SgToolbarIconButton";

package/dist/layout/SgTreeView.d.ts

@@ -0,0 +1,80 @@
+import * as React from "react";
+export type SgSize = "sm" | "md" | "lg";
+export type SgDensity = "compact" | "normal" | "comfortable";
+export type SgTone = "default" | "muted";
+export type SgTreeNode = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    children?: SgTreeNode[];
+    disabled?: boolean;
+    meta?: unknown;
+};
+export type SgTreeNodeJson = {
+    id: string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    children?: SgTreeNodeJson[];
+    meta?: unknown;
+};
+export type SgTreeIconRegistry = Record<string, React.ReactNode>;
+export declare function sgTreeFromJson(json: SgTreeNodeJson[], iconRegistry?: SgTreeIconRegistry): SgTreeNode[];
+export declare function sgTreeFromJsonWithChecked(json: SgTreeNodeJson[], iconRegistry?: SgTreeIconRegistry): {
+    nodes: SgTreeNode[];
+    checkedIds: string[];
+};
+export type SgTreeViewRef = {
+    getCheckedIds: () => string[];
+    getCheckedLeafIds: () => string[];
+    setCheckedIds: (ids: string[]) => void;
+    getExpandedIds: () => string[];
+    setExpandedIds: (ids: string[]) => void;
+    expandAll: () => void;
+    collapseAll: () => void;
+    clearChecked: () => void;
+};
+export type SgTreeConfirmBar = false | {
+    label?: string;
+    hint?: string;
+    showCancel?: boolean;
+    cancelLabel?: string;
+    sticky?: boolean;
+    disabledWhenEmpty?: boolean;
+    resetAfterConfirm?: boolean;
+    onConfirm: (selectedIds: string[]) => void;
+    onCancel?: () => void;
+};
+export type SgTreeViewProps = {
+    nodes: SgTreeNode[];
+    className?: string;
+    size?: SgSize;
+    density?: SgDensity;
+    tone?: SgTone;
+    iconTone?: "default" | "primary";
+    checkable?: boolean;
+    checkMode?: "live" | "confirm";
+    confirmSelection?: "all" | "leafOnly";
+    checkedIds?: string[];
+    defaultCheckedIds?: string[];
+    onCheckedChange?: (ids: string[]) => void;
+    expandedIds?: string[];
+    defaultExpandedIds?: string[];
+    onExpandedChange?: (ids: string[]) => void;
+    onExpand?: (node: SgTreeNode) => void;
+    onCollapse?: (node: SgTreeNode) => void;
+    onLeafClick?: (id: string) => void;
+    branchLabelBehavior?: "toggle" | "none";
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    onSearchChange?: (v: string) => void;
+    expandMatchesOnSearch?: boolean;
+    confirmBar?: SgTreeConfirmBar;
+    emptyText?: string;
+    maxHeightClassName?: string;
+};
+export declare const SgTreeView: React.ForwardRefExoticComponent<SgTreeViewProps & React.RefAttributes<SgTreeViewRef>>;
+//# sourceMappingURL=SgTreeView.d.ts.map

package/dist/layout/SgTreeView.d.ts.map

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