@class-kit/react 0.1.0

package/dist/components/virtual-select.js

@@ -0,0 +1,262 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useMemo, useEffect, useContext, useSyncExternalStore, createContext } from 'react';
+import { createPortal } from 'react-dom';
+import { VirtualSelectController, VirtualListController, getClassComponentsLocale } from '@class-kit/core';
+
+const FormContext = /*#__PURE__*/ createContext(null);
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+function reactNodeToText(node) {
+    if (typeof node === "string" || typeof node === "number")
+        return String(node);
+    if (Array.isArray(node))
+        return node.map(reactNodeToText).join("");
+    return "";
+}
+function useFormInteractivity() {
+    const context = useContext(FormContext);
+    return {
+        disabled: context?.disabled ?? false,
+        readOnly: context?.readOnly ?? false,
+    };
+}
+function useOptionalFormInteractivity() {
+    return useFormInteractivity();
+}
+function resolveFieldInteractivity(form, disabled, readOnly) {
+    const resolvedDisabled = disabled ?? form.disabled;
+    return {
+        disabled: resolvedDisabled,
+        readOnly: !resolvedDisabled && (readOnly ?? form.readOnly),
+    };
+}
+function useOptionalField(name, options = {}) {
+    const context = useContext(FormContext);
+    const optionsRef = React.useRef(options);
+    optionsRef.current = options;
+    const state = useSyncExternalStore((listener) => context ? context.controller.subscribe(listener) : () => undefined, () => context?.controller.getState() ?? null, () => context?.controller.getState() ?? null);
+    const [localValue, setLocalValue] = React.useState(() => (options.initialValue ?? ""));
+    useEffect(() => {
+        if (!context || !name)
+            return undefined;
+        return context.controller.registerField(name, optionsRef.current);
+    }, [context, name]);
+    const field = name ? state?.fields[name] : undefined;
+    const usesFormField = Boolean(context && name);
+    return {
+        value: usesFormField ? (field?.value ?? "") : localValue,
+        errors: usesFormField ? (field?.errors ?? []) : [],
+        dirty: usesFormField ? (field?.meta.dirty ?? false) : false,
+        touched: usesFormField ? (field?.meta.touched ?? false) : false,
+        setValue: (value) => {
+            if (context && name) {
+                void context.controller.setValue(name, value);
+            }
+            else {
+                setLocalValue(value);
+            }
+        },
+        onBlur: () => {
+            if (context && name)
+                void context.controller.blur(name);
+        },
+    };
+}
+function FieldError({ errors, errorId, className, }) {
+    return errors.length > 0 ? (jsx("span", { className: className ?? "cc-field__error", id: errorId, role: "alert", children: errors[0] })) : null;
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : createPortal(node, document.body);
+}
+function getSelectMenuPosition(trigger, preferredHeight, anchorTopPlacement = false) {
+    if (!trigger || typeof window === "undefined") {
+        return { placement: "bottom", style: {} };
+    }
+    const gap = 6;
+    const padding = 8;
+    const rect = trigger.getBoundingClientRect();
+    const viewportHeight = window.innerHeight;
+    const below = viewportHeight - rect.bottom - padding;
+    const above = rect.top - padding;
+    const placement = below >= preferredHeight || below >= above ? "bottom" : "top";
+    const available = Math.max(80, (placement === "bottom" ? below : above) - gap);
+    const maxHeight = Math.min(preferredHeight, available);
+    const top = placement === "bottom"
+        ? rect.bottom + gap
+        : Math.max(padding, rect.top - gap - maxHeight);
+    const bottom = Math.max(padding, viewportHeight - rect.top + gap);
+    return {
+        placement,
+        style: {
+            bottom: placement === "top" && anchorTopPlacement ? bottom : undefined,
+            left: rect.left,
+            maxHeight,
+            minWidth: rect.width,
+            top: placement === "top" && anchorTopPlacement ? "auto" : top,
+            width: rect.width,
+        },
+    };
+}
+function VirtualSelect({ name, label, placeholder, options, className = "cc-field", labelClassName = "cc-field__label", rootClassName = "cc-virtual-select", controlClassName = "cc-field__control cc-field__select cc-virtual-select__control", menuClassName = "cc-virtual-select__menu", searchClassName = "cc-virtual-select__search", viewportClassName = "cc-virtual-select__viewport", optionClassName = "cc-virtual-select__option", selectedIconClassName = "cc-select__check", errorClassName, disabled, readOnly, multiple = false, searchable = true, searchPlaceholder = getClassComponentsLocale().selectSearchPlaceholder, selectedIcon = jsx(ClassIcon, { name: "check" }), clearable = true, clearIcon = jsx(ClassIcon, { name: "x" }), clearLabel = getClassComponentsLocale().selectClearLabel, itemHeight = 36, menuHeight = 260, overscan = 6, onValueChange, initialValue, rules, validateOn, id, style, ...props }) {
+    const field = useOptionalField(name, {
+        initialValue,
+        rules,
+        validateOn,
+    });
+    const interactivity = resolveFieldInteractivity(useOptionalFormInteractivity(), disabled, readOnly);
+    const [open, setOpen] = React.useState(false);
+    const [menuPosition, setMenuPosition] = React.useState(() => getSelectMenuPosition(null, menuHeight));
+    const [query, setQuery] = React.useState("");
+    const [scrollOffset, setScrollOffset] = React.useState(0);
+    const rootRef = React.useRef(null);
+    const menuRef = React.useRef(null);
+    const triggerRef = React.useRef(null);
+    const errorId = `${name}-error`;
+    const listboxId = `${name}-virtual-listbox`;
+    const labelId = `${name}-label`;
+    const invalid = field.errors.length > 0;
+    const coreOptions = useMemo(() => options.map((option) => ({
+        disabled: option.disabled,
+        label: reactNodeToText(option.label),
+        value: option.value,
+    })), [options]);
+    const selectState = useMemo(() => new VirtualSelectController({
+        multiple,
+        options: coreOptions,
+        query,
+        value: field.value,
+    }).getState(), [coreOptions, field.value, multiple, query]);
+    const selectedOptions = options.filter((option) => selectState.selectedValues.includes(option.value));
+    const filteredIndexes = selectState.filteredOptions
+        .map((filteredOption) => options.findIndex((option) => option.value === filteredOption.value))
+        .filter((index) => index >= 0);
+    const virtualController = useMemo(() => new VirtualListController({
+        count: filteredIndexes.length,
+        estimateSize: itemHeight,
+        overscan,
+    }), [filteredIndexes.length, itemHeight, overscan]);
+    const menuMaxHeight = typeof menuPosition.style.maxHeight === "number"
+        ? menuPosition.style.maxHeight
+        : menuHeight;
+    const viewportHeight = Math.max(80, Math.min(menuHeight, menuMaxHeight - (searchable ? 52 : 12)));
+    const range = virtualController.getRange(scrollOffset, viewportHeight);
+    const displayText = selectedOptions.length > 0
+        ? selectedOptions
+            .map((option) => reactNodeToText(option.label))
+            .join("、")
+        : (placeholder ?? "Select");
+    useEffect(() => {
+        if (!open)
+            return undefined;
+        const preferredHeight = menuHeight + (searchable ? 52 : 12);
+        const updateMenuPosition = () => setMenuPosition(getSelectMenuPosition(triggerRef.current, preferredHeight));
+        const handleClick = (event) => {
+            const target = event.target;
+            if (!rootRef.current?.contains(target) &&
+                !menuRef.current?.contains(target))
+                setOpen(false);
+        };
+        updateMenuPosition();
+        document.addEventListener("mousedown", handleClick);
+        window.addEventListener("resize", updateMenuPosition);
+        window.addEventListener("scroll", updateMenuPosition, true);
+        return () => {
+            document.removeEventListener("mousedown", handleClick);
+            window.removeEventListener("resize", updateMenuPosition);
+            window.removeEventListener("scroll", updateMenuPosition, true);
+        };
+    }, [open]);
+    useEffect(() => {
+        setScrollOffset(0);
+    }, [query, options.length]);
+    const commitValue = (nextValue) => {
+        field.setValue(nextValue);
+        onValueChange?.(nextValue);
+    };
+    const toggleOption = (option) => {
+        if (option.disabled || interactivity.disabled || interactivity.readOnly)
+            return;
+        const controller = new VirtualSelectController({
+            multiple,
+            options: coreOptions,
+            query,
+            value: field.value,
+        });
+        const nextValue = controller.toggle({
+            disabled: option.disabled,
+            label: reactNodeToText(option.label),
+            value: option.value,
+        });
+        commitValue(nextValue);
+        if (!multiple)
+            setOpen(false);
+    };
+    const clearValue = (event) => {
+        event.stopPropagation();
+        if (interactivity.readOnly)
+            return;
+        commitValue(multiple ? [] : "");
+    };
+    return (jsxs("div", { className: className, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, style: style, ...props, children: [label ? (jsx("span", { className: labelClassName, id: labelId, children: label })) : null, jsxs("div", { className: rootClassName, "data-disabled": interactivity.disabled, "data-readonly": interactivity.readOnly, ref: rootRef, children: [jsxs("button", { "aria-controls": listboxId, "aria-describedby": invalid ? errorId : undefined, "aria-expanded": open, "aria-haspopup": "listbox", "aria-invalid": invalid, "aria-labelledby": label ? labelId : undefined, "aria-readonly": interactivity.readOnly || undefined, className: controlClassName, "data-readonly": interactivity.readOnly, disabled: interactivity.disabled, id: id, ref: triggerRef, type: "button", onBlur: field.onBlur, onClick: () => {
+                            if (interactivity.readOnly)
+                                return;
+                            setOpen((current) => {
+                                const nextOpen = !current;
+                                if (nextOpen)
+                                    setScrollOffset(0);
+                                return nextOpen;
+                            });
+                        }, onKeyDown: (event) => {
+                            if (event.key === "Escape")
+                                setOpen(false);
+                            if (event.key === "ArrowDown" ||
+                                event.key === "Enter" ||
+                                event.key === " ") {
+                                event.preventDefault();
+                                if (interactivity.readOnly)
+                                    return;
+                                setScrollOffset(0);
+                                setOpen(true);
+                            }
+                        }, children: [jsx("span", { className: "cc-select__value", "data-placeholder": selectedOptions.length === 0, children: displayText }), clearable &&
+                                selectedOptions.length > 0 &&
+                                !interactivity.disabled &&
+                                !interactivity.readOnly ? (jsx("span", { className: "cc-virtual-select__clear-wrap", "aria-hidden": "false", children: jsx("span", { "aria-label": clearLabel, className: "cc-virtual-select__clear", role: "button", tabIndex: -1, onClick: clearValue, children: clearIcon }) })) : null, jsx("span", { "aria-hidden": "true", className: "cc-select__arrow" })] }), open
+                        ? renderBodyPortal(jsxs("div", { "aria-multiselectable": multiple || undefined, className: menuClassName, "data-floating": "true", "data-placement": menuPosition.placement, id: listboxId, ref: menuRef, role: "listbox", style: menuPosition.style, children: [searchable ? (jsx("input", { className: searchClassName, placeholder: searchPlaceholder, readOnly: interactivity.readOnly, type: "search", value: query, onChange: (event) => setQuery(event.target.value) })) : null, jsx("div", { className: viewportClassName, style: { height: viewportHeight }, onScroll: (event) => setScrollOffset(event.currentTarget.scrollTop), children: jsxs("div", { className: "cc-virtual-select__inner", style: { height: range.totalSize }, children: [range.items.map((item) => {
+                                                const optionIndex = filteredIndexes[item.index];
+                                                if (optionIndex === undefined)
+                                                    return null;
+                                                const option = options[optionIndex];
+                                                if (!option)
+                                                    return null;
+                                                const selected = selectState.selectedValues.includes(option.value);
+                                                return (jsxs("button", { "aria-selected": selected, className: optionClassName, "data-selected": selected, disabled: interactivity.disabled || option.disabled, role: "option", style: {
+                                                        height: item.size,
+                                                        transform: `translateY(${item.start}px)`,
+                                                    }, type: "button", onClick: () => toggleOption(option), children: [jsx("span", { children: option.label }), selected ? (jsx("span", { "aria-hidden": "true", className: selectedIconClassName, children: selectedIcon })) : null] }, String(option.value)));
+                                            }), filteredIndexes.length === 0 ? (jsx("span", { className: "cc-virtual-select__empty", children: getClassComponentsLocale().selectEmptyText })) : null] }) })] }))
+                        : null] }), jsx("input", { name: name, type: "hidden", value: multiple
+                    ? selectState.selectedValues.join(",")
+                    : String(field.value ?? "") }), jsx(FieldError, { className: errorClassName, errorId: errorId, errors: field.errors })] }));
+}
+
+export { VirtualSelect };
+//# sourceMappingURL=virtual-select.js.map

package/dist/components/virtual-select.js.map

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

package/dist/components/virtual-table.cjs

@@ -0,0 +1,328 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var core = require('@class-kit/core');
+
+const classIconPaths = {
+    chevronDown: ["M6 9l6 6 6-6"],
+    chevronLeft: ["M15 18l-6-6 6-6"],
+    chevronRight: ["M9 18l6-6-6-6"],
+    chevronUp: ["M18 15l-6-6-6 6"],
+    check: ["M20 6 9 17l-5-5"],
+    settings: [
+        "M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z",
+        "M19.4 15a1.8 1.8 0 0 0 .36 1.98l.04.04a2.18 2.18 0 0 1-3.08 3.08l-.04-.04a1.8 1.8 0 0 0-1.98-.36 1.8 1.8 0 0 0-1 1.62V21a2.2 2.2 0 0 1-4.4 0v-.06a1.8 1.8 0 0 0-1-1.62 1.8 1.8 0 0 0-1.98.36l-.04.04A2.18 2.18 0 0 1 3.2 16.64l.04-.04A1.8 1.8 0 0 0 3.6 14.6a1.8 1.8 0 0 0-1.62-1H2a2.2 2.2 0 0 1 0-4.4h.06a1.8 1.8 0 0 0 1.62-1 1.8 1.8 0 0 0-.36-1.98l-.04-.04A2.18 2.18 0 0 1 6.36 3.1l.04.04a1.8 1.8 0 0 0 1.98.36h.08A1.8 1.8 0 0 0 9.4 1.88V1.8a2.2 2.2 0 0 1 4.4 0v.06a1.8 1.8 0 0 0 1 1.62 1.8 1.8 0 0 0 1.98-.36l.04-.04A2.18 2.18 0 0 1 19.9 6.16l-.04.04a1.8 1.8 0 0 0-.36 1.98v.08a1.8 1.8 0 0 0 1.62.94h.08a2.2 2.2 0 0 1 0 4.4h-.06A1.8 1.8 0 0 0 19.4 15Z",
+    ],
+    star: [
+        "M12 2l3.09 6.26 6.91 1-5 4.87 1.18 6.87L12 17.77 5.82 21 7 14.13l-5-4.87 6.91-1L12 2Z",
+    ],
+    x: ["M18 6 6 18", "M6 6l12 12"],
+};
+function ClassIcon({ className = "cc-icon", name, }) {
+    return (jsxRuntime.jsx("svg", { "aria-hidden": "true", className: className, fill: name === "star" ? "currentColor" : "none", focusable: "false", viewBox: "0 0 24 24", children: classIconPaths[name].map((d) => (jsxRuntime.jsx("path", { d: d, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: name === "star" ? 0 : 2 }, d))) }));
+}
+const EMPTY_TABLE_SELECTED_KEYS = [];
+function usePresence(open, duration) {
+    const [mounted, setMounted] = React.useState(open);
+    const [state, setState] = React.useState(open ? "enter" : "exit");
+    React.useEffect(() => {
+        let frame = 0;
+        if (open) {
+            setMounted(true);
+            setState("exit");
+            frame = window.requestAnimationFrame(() => setState("enter"));
+            return () => window.cancelAnimationFrame(frame);
+        }
+        setState("exit");
+        const timer = window.setTimeout(() => setMounted(false), duration);
+        return () => window.clearTimeout(timer);
+    }, [duration, open]);
+    return [mounted, state];
+}
+function renderBodyPortal(node) {
+    return typeof document === "undefined"
+        ? node
+        : reactDom.createPortal(node, document.body);
+}
+function DefaultLoadingIndicator() {
+    return (jsxRuntime.jsxs("svg", { className: "cc-loading__bolt", viewBox: "0 0 96 96", focusable: "false", children: [jsxRuntime.jsx("ellipse", { className: "cc-loading__bolt-shadow", cx: "51", cy: "74", rx: "28", ry: "8" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-side", d: "M54 8 26 48h20L34 82l39-46H51L65 8Z" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-face", d: "M48 6 20 46h20L28 80l39-46H45L59 6Z" }), jsxRuntime.jsx("path", { className: "cc-loading__bolt-highlight", d: "M48 14 31 39h17L39 62l18-24H43l10-24Z" })] }));
+}
+function Loading({ className, indicator, text = core.getClassComponentsLocale().loadingText, ...props }) {
+    return (jsxRuntime.jsxs("div", { className: ["cc-loading", className].filter(Boolean).join(" "), role: "status", "aria-live": "polite", ...props, children: [jsxRuntime.jsx("span", { className: "cc-loading__indicator", "aria-hidden": "true", children: indicator ?? jsxRuntime.jsx(DefaultLoadingIndicator, {}) }), text ? jsxRuntime.jsx("span", { className: "cc-loading__text", children: text }) : null] }));
+}
+function DefaultEmptyIcon() {
+    return (jsxRuntime.jsxs("svg", { className: "cc-empty__illustration", viewBox: "0 0 96 96", focusable: "false", children: [jsxRuntime.jsx("ellipse", { className: "cc-empty__illustration-shadow", cx: "48", cy: "76", rx: "31", ry: "8" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-back", d: "M24 48h48l9 18H15l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-front", d: "M15 66h66l-8 16H23l-8-16Z" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-lip", d: "M27 58h42" }), jsxRuntime.jsx("path", { className: "cc-empty__tray-glow", d: "M32 70h32" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-side", d: "M54 10 36 38h13l-7 26 27-36H55l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-face", d: "M49 8 31 36h13l-7 26 27-36H50l9-18Z" }), jsxRuntime.jsx("path", { className: "cc-empty__mini-bolt-highlight", d: "M49 16 39 32h10l-5 15 11-17h-9l7-14Z" }), jsxRuntime.jsx("path", { className: "cc-empty__spark", d: "M23 32h8M27 28v8" }), jsxRuntime.jsx("path", { className: "cc-empty__spark cc-empty__spark--small", d: "M71 44h6M74 41v6" })] }));
+}
+function Empty({ className, description = core.getClassComponentsLocale().emptyText, icon, ...props }) {
+    return (jsxRuntime.jsxs("div", { className: ["cc-empty", className].filter(Boolean).join(" "), role: "status", ...props, children: [jsxRuntime.jsx("span", { className: "cc-empty__icon", "aria-hidden": "true", children: icon ?? jsxRuntime.jsx(DefaultEmptyIcon, {}) }), description ? (jsxRuntime.jsx("span", { className: "cc-empty__description", children: description })) : null] }));
+}
+function TableCheckbox({ checked, disabled = false, indeterminate = false, onChange, label, }) {
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (ref.current)
+            ref.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    return (jsxRuntime.jsxs("label", { className: "cc-choice cc-table__checkbox", "aria-label": label, children: [jsxRuntime.jsx("input", { ref: ref, checked: checked, disabled: disabled, type: "checkbox", onChange: (event) => onChange(event.currentTarget.checked) }), jsxRuntime.jsx("span", { className: "cc-table__checkbox-label" })] }));
+}
+function Table({ className = "cc-table", columns, dataSource, emptyText = core.getClassComponentsLocale().tableEmptyText, getRowKey, loading = false, loadingCoverHeader = false, loadingText = core.getClassComponentsLocale().tableLoadingText, overscan = 6, rowSelection = false, rowHeight = 44, selectedKeys = EMPTY_TABLE_SELECTED_KEYS, columnSettingsSelectedIcon = jsxRuntime.jsx(ClassIcon, { name: "check" }), settingsIcon = jsxRuntime.jsx(ClassIcon, { name: "settings" }), style, virtual = false, virtualHeight = 320, onScroll, onSelectionChange, renderEmpty, renderLoading, renderCell, ...props }) {
+    const rootRef = React.useRef(null);
+    const bodyRef = React.useRef(null);
+    const settingsRef = React.useRef(null);
+    const settingsButtonRef = React.useRef(null);
+    const settingsMenuRef = React.useRef(null);
+    const controllerRef = React.useRef(new core.TableController({
+        columns,
+        containerWidth: 0,
+        getRowKey,
+        rows: dataSource,
+        selectedKeys,
+    }));
+    const virtualControllerRef = React.useRef(new core.VirtualListController({
+        count: dataSource.length,
+        estimateSize: rowHeight,
+        overscan,
+    }));
+    const [state, setState] = React.useState(() => controllerRef.current.getState());
+    const [containerWidth, setContainerWidth] = React.useState(0);
+    const [settingsOpen, setSettingsOpen] = React.useState(false);
+    const [settingsMounted, settingsPresence] = usePresence(settingsOpen, 180);
+    const [settingsMenuStyle, setSettingsMenuStyle] = React.useState({});
+    const [scrollTop, setScrollTop] = React.useState(0);
+    const [bodyScrollbarWidth, setBodyScrollbarWidth] = React.useState(0);
+    const getContentWidth = React.useCallback(() => Math.max(0, (rootRef.current?.clientWidth ?? 0) -
+        (rowSelection ? 44 : 0) -
+        (virtual ? bodyScrollbarWidth : 0)), [bodyScrollbarWidth, rowSelection, virtual]);
+    const updateSettingsMenuPosition = React.useCallback(() => {
+        const trigger = settingsButtonRef.current;
+        if (!trigger || typeof window === "undefined")
+            return;
+        const rect = trigger.getBoundingClientRect();
+        const width = 220;
+        const gap = 6;
+        const padding = 8;
+        const preferredHeight = Math.min(320, Math.max(160, state.allColumns.length * 42 + 12));
+        const below = window.innerHeight - rect.bottom - padding;
+        const above = rect.top - padding;
+        const placement = below >= preferredHeight || below >= above ? "bottom" : "top";
+        const maxHeight = Math.min(preferredHeight, Math.max(120, (placement === "bottom" ? below : above) - gap));
+        setSettingsMenuStyle({
+            left: Math.min(Math.max(padding, rect.right - width), Math.max(padding, window.innerWidth - width - padding)),
+            maxHeight,
+            top: placement === "bottom"
+                ? rect.bottom + gap
+                : Math.max(padding, rect.top - gap - maxHeight),
+            width,
+        });
+    }, [state.allColumns.length]);
+    React.useEffect(() => {
+        const element = rootRef.current;
+        if (!element)
+            return;
+        const updateWidth = () => setContainerWidth(getContentWidth());
+        updateWidth();
+        if (typeof ResizeObserver === "undefined") {
+            window.addEventListener("resize", updateWidth);
+            return () => window.removeEventListener("resize", updateWidth);
+        }
+        const observer = new ResizeObserver(updateWidth);
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [getContentWidth]);
+    React.useEffect(() => setState(controllerRef.current.update({
+        columns,
+        containerWidth,
+        getRowKey,
+        rows: dataSource,
+        selectedKeys,
+    })), [columns, containerWidth, dataSource, getRowKey, selectedKeys]);
+    React.useEffect(() => {
+        virtualControllerRef.current.updateOptions({
+            count: state.rows.length,
+            estimateSize: rowHeight,
+            overscan,
+        });
+    }, [overscan, rowHeight, state.rows.length]);
+    React.useEffect(() => {
+        const element = bodyRef.current;
+        if (!virtual || !element) {
+            setBodyScrollbarWidth(0);
+            return undefined;
+        }
+        const updateScrollbarWidth = () => {
+            setBodyScrollbarWidth(Math.max(0, element.offsetWidth - element.clientWidth));
+        };
+        updateScrollbarWidth();
+        if (typeof ResizeObserver === "undefined") {
+            window.addEventListener("resize", updateScrollbarWidth);
+            return () => window.removeEventListener("resize", updateScrollbarWidth);
+        }
+        const observer = new ResizeObserver(updateScrollbarWidth);
+        observer.observe(element);
+        return () => observer.disconnect();
+    }, [state.rows.length, virtual, virtualHeight]);
+    React.useEffect(() => {
+        if (!settingsOpen)
+            return undefined;
+        updateSettingsMenuPosition();
+        const close = (event) => {
+            const target = event.target;
+            if (!settingsRef.current?.contains(target) &&
+                !settingsMenuRef.current?.contains(target))
+                setSettingsOpen(false);
+        };
+        document.addEventListener("mousedown", close);
+        window.addEventListener("resize", updateSettingsMenuPosition);
+        window.addEventListener("scroll", updateSettingsMenuPosition, true);
+        return () => {
+            document.removeEventListener("mousedown", close);
+            window.removeEventListener("resize", updateSettingsMenuPosition);
+            window.removeEventListener("scroll", updateSettingsMenuPosition, true);
+        };
+    }, [settingsOpen, updateSettingsMenuPosition]);
+    const tableViewportWidth = rootRef.current?.clientWidth ?? containerWidth + (rowSelection ? 44 : 0);
+    const displayColumns = state.columns;
+    const dataGridTemplateColumns = `${rowSelection ? "44px " : ""}${displayColumns.map((column) => `${column.width}px`).join(" ")}`;
+    const headerScrollbarWidth = virtual ? bodyScrollbarWidth : 0;
+    const dataViewportWidth = Math.max(0, tableViewportWidth - headerScrollbarWidth);
+    const headerGridTemplateColumns = `${rowSelection ? "44px " : ""}${displayColumns.map((column) => `${column.width}px`).join(" ")}${headerScrollbarWidth > 0 ? ` ${headerScrollbarWidth}px` : ""}`;
+    const range = virtual
+        ? virtualControllerRef.current.getRange(scrollTop, virtualHeight)
+        : null;
+    const commitSelection = (key, checked) => {
+        const next = controllerRef.current.toggleRow(key, checked);
+        setState(next);
+        onSelectionChange?.(next.selectedKeys);
+    };
+    const commitAllSelection = (checked) => {
+        const next = controllerRef.current.toggleAllRows(checked);
+        setState(next);
+        onSelectionChange?.(next.selectedKeys);
+    };
+    const toggleColumn = (key, visible) => {
+        setState(controllerRef.current.toggleColumn(key, visible, getContentWidth()));
+    };
+    const handleBodyScroll = (event) => {
+        if (!virtual)
+            return;
+        setScrollTop(event.currentTarget.scrollTop);
+        if (rootRef.current &&
+            rootRef.current.scrollLeft !== event.currentTarget.scrollLeft) {
+            rootRef.current.scrollLeft = event.currentTarget.scrollLeft;
+        }
+    };
+    const syncVirtualBodyScroll = React.useCallback(() => {
+        if (!virtual || !rootRef.current || !bodyRef.current)
+            return;
+        bodyRef.current.scrollLeft = rootRef.current.scrollLeft;
+    }, [virtual]);
+    const tableContentWidth = React.useMemo(() => (rowSelection ? 44 : 0) +
+        displayColumns.reduce((sum, column) => sum + column.width, 0), [displayColumns, rowSelection]);
+    const tableWidthStyle = React.useMemo(() => ({ width: Math.max(tableContentWidth, dataViewportWidth) }), [dataViewportWidth, tableContentWidth]);
+    const headerWidthStyle = React.useMemo(() => ({
+        width: Math.max(tableContentWidth + headerScrollbarWidth, tableViewportWidth),
+    }), [headerScrollbarWidth, tableContentWidth, tableViewportWidth]);
+    const bodyWidthStyle = React.useMemo(() => (virtual ? { width: tableViewportWidth } : tableWidthStyle), [tableViewportWidth, tableWidthStyle, virtual]);
+    React.useEffect(() => {
+        syncVirtualBodyScroll();
+    }, [syncVirtualBodyScroll, tableContentWidth, tableViewportWidth]);
+    const hasHorizontalOverflow = tableContentWidth + headerScrollbarWidth > tableViewportWidth + 1;
+    const visibleColumnCount = state.columns.length;
+    const getFixedEdge = (column) => {
+        if (!hasHorizontalOverflow)
+            return undefined;
+        if (column.fixed === "left") {
+            const leftFixed = displayColumns.filter((item) => item.fixed === "left");
+            return leftFixed[leftFixed.length - 1]?.key === column.key
+                ? "left"
+                : undefined;
+        }
+        if (column.fixed === "right") {
+            const rightFixed = displayColumns.filter((item) => item.fixed === "right");
+            return rightFixed[0]?.key === column.key ? "right" : undefined;
+        }
+        return undefined;
+    };
+    const hasLeftFixedColumns = state.columns.some((column) => column.fixed === "left");
+    const getColumnStickyStyle = (column, area = "body") => {
+        const visibleColumns = displayColumns;
+        const index = visibleColumns.findIndex((item) => item.key === column.key);
+        if (index < 0 || !column.fixed)
+            return {};
+        if (!hasHorizontalOverflow)
+            return {};
+        if (column.fixed === "left") {
+            const left = visibleColumns
+                .slice(0, index)
+                .filter((item) => item.fixed === "left")
+                .reduce((sum, item) => sum + item.width, rowSelection ? 44 : 0);
+            return {
+                left,
+                position: "sticky",
+                zIndex: 3,
+            };
+        }
+        const right = visibleColumns
+            .slice(index + 1)
+            .filter((item) => item.fixed === "right")
+            .reduce((sum, item) => sum + item.width, area === "head" ? headerScrollbarWidth : 0);
+        return {
+            position: "sticky",
+            right,
+            zIndex: 3,
+        };
+    };
+    const renderRow = (row, rowIndex) => {
+        const key = controllerRef.current.getRowKey(row, rowIndex);
+        const checked = state.selectedKeys.includes(key);
+        return (jsxRuntime.jsxs("div", { className: "cc-table__row", style: {
+                ...tableWidthStyle,
+                gridTemplateColumns: dataGridTemplateColumns,
+                minHeight: rowHeight,
+            }, children: [rowSelection ? (jsxRuntime.jsx("div", { className: "cc-table__selection cc-table__selection--fixed", "data-fixed-edge": hasHorizontalOverflow && !hasLeftFixedColumns ? "left" : undefined, children: jsxRuntime.jsx(TableCheckbox, { checked: checked, label: `${core.getClassComponentsLocale().tableSelectRowLabel} ${String(key)}`, onChange: (nextChecked) => commitSelection(key, nextChecked) }) })) : null, displayColumns.map((column) => (jsxRuntime.jsx("div", { className: "cc-table__cell", "data-fixed": hasHorizontalOverflow ? column.fixed : undefined, "data-fixed-edge": getFixedEdge(column), style: getColumnStickyStyle(column), children: renderCell
+                        ? renderCell(row, column, rowIndex)
+                        : String(row[column.dataIndex] ?? "") }, column.key)))] }, String(key)));
+    };
+    return (jsxRuntime.jsxs("div", { className: className, ref: rootRef, style: style, onScroll: (event) => {
+            syncVirtualBodyScroll();
+            onScroll?.(event);
+        }, ...props, children: [jsxRuntime.jsxs("div", { className: "cc-table__row cc-table__row--head", style: {
+                    ...headerWidthStyle,
+                    gridTemplateColumns: headerGridTemplateColumns,
+                }, children: [rowSelection ? (jsxRuntime.jsx("div", { className: "cc-table__selection cc-table__selection--head cc-table__selection--fixed", "data-fixed-edge": hasHorizontalOverflow && !hasLeftFixedColumns ? "left" : undefined, children: jsxRuntime.jsx(TableCheckbox, { checked: state.selectionStatus === "all", indeterminate: state.selectionStatus === "partial", label: core.getClassComponentsLocale().tableSelectAllLabel, onChange: (checked) => commitAllSelection(checked) }) })) : null, displayColumns.map((column, index) => (jsxRuntime.jsxs("div", { className: "cc-table__cell cc-table__cell--head", "data-fixed": hasHorizontalOverflow ? column.fixed : undefined, "data-fixed-edge": getFixedEdge(column), style: getColumnStickyStyle(column, "head"), children: [column.title, jsxRuntime.jsx("span", { className: "cc-table__resize", onPointerDown: (event) => {
+                                    const startX = event.clientX;
+                                    let lastX = startX;
+                                    const availableWidth = getContentWidth();
+                                    const move = (moveEvent) => {
+                                        const delta = moveEvent.clientX - lastX;
+                                        lastX = moveEvent.clientX;
+                                        setState(controllerRef.current.resizeColumn(column.key, delta, availableWidth));
+                                    };
+                                    const end = () => {
+                                        window.removeEventListener("pointermove", move);
+                                        window.removeEventListener("pointerup", end);
+                                    };
+                                    window.addEventListener("pointermove", move);
+                                    window.addEventListener("pointerup", end);
+                                } }), index === displayColumns.length - 1 ? (jsxRuntime.jsxs("div", { className: "cc-table__column-settings", ref: settingsRef, children: [jsxRuntime.jsx("button", { "aria-expanded": settingsOpen, "aria-label": core.getClassComponentsLocale().tableColumnSettingsLabel, ref: settingsButtonRef, type: "button", onClick: () => {
+                                            setSettingsOpen((open) => !open);
+                                            window.requestAnimationFrame(updateSettingsMenuPosition);
+                                        }, children: settingsIcon }), settingsMounted
+                                        ? renderBodyPortal(jsxRuntime.jsx("div", { "aria-multiselectable": "true", className: "cc-select__menu cc-table__column-menu", "data-state": settingsPresence, ref: settingsMenuRef, role: "listbox", style: settingsMenuStyle, children: state.allColumns.map((column) => (jsxRuntime.jsxs("label", { className: "cc-select__option cc-table__column-option", "data-disabled": !column.hidden && visibleColumnCount <= 1, "data-selected": !column.hidden, role: "option", children: [jsxRuntime.jsx(TableCheckbox, { checked: !column.hidden, disabled: !column.hidden && visibleColumnCount <= 1, label: column.title, onChange: (checked) => toggleColumn(column.key, checked) }), jsxRuntime.jsx("span", { children: column.title }), !column.hidden ? (jsxRuntime.jsx("span", { "aria-hidden": "true", className: "cc-select__check", children: columnSettingsSelectedIcon })) : null] }, column.key))) }))
+                                        : null] })) : null] }, column.key))), headerScrollbarWidth > 0 ? (jsxRuntime.jsx("div", { className: "cc-table__scrollbar-spacer cc-table__scrollbar-spacer--head" })) : null] }), jsxRuntime.jsx("div", { className: virtual ? "cc-table__body cc-table__body--virtual" : "cc-table__body", ref: bodyRef, onScroll: handleBodyScroll, style: virtual
+                    ? {
+                        ...bodyWidthStyle,
+                        maxHeight: virtualHeight,
+                        overflowX: "hidden",
+                        overflowY: "auto",
+                    }
+                    : bodyWidthStyle, children: !loading && state.rows.length === 0 ? (jsxRuntime.jsx("div", { className: "cc-table__state", children: renderEmpty?.() ?? (jsxRuntime.jsx(Empty, { className: "cc-table__empty", description: emptyText })) })) : virtual && range ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [range.offsetBefore > 0 ? (jsxRuntime.jsx("div", { style: { height: range.offsetBefore } })) : null, range.items.map((item) => {
+                            const row = state.rows[item.index];
+                            return row ? renderRow(row, item.index) : null;
+                        }), range.offsetAfter > 0 ? (jsxRuntime.jsx("div", { style: { height: range.offsetAfter } })) : null] })) : (state.rows.map(renderRow)) }), loading ? (jsxRuntime.jsx("div", { className: "cc-table__loading", "data-cover-header": loadingCoverHeader, children: renderLoading?.() ?? jsxRuntime.jsx(Loading, { text: loadingText }) })) : null] }));
+}
+const VirtualTable = Table;
+
+exports.VirtualTable = VirtualTable;
+//# sourceMappingURL=virtual-table.cjs.map