@skygraph/react 0.5.4 → 0.6.6

package/dist/{chunk-7AA2JPZB.js → chunk-G4MRXKGC.js}

@@ -2,14 +2,14 @@ import {
   Button,
   Input,
   Transition
-} from "./chunk-45YW5VSP.js";
+} from "./chunk-UCCGEZPJ.js";
 import {
   Checkbox
-} from "./chunk-PEX2UTNG.js";
+} from "./chunk-EA2J67A4.js";
 import {
   Spin,
   useConfig
-} from "./chunk-VLRLCHEL.js";
+} from "./chunk-YJZKXU5O.js";
 
 // src/components/ui/Pagination.tsx
 import { useState } from "react";
@@ -2477,7 +2477,12 @@ function useTableState(props) {
     setColumnWidth: persistColumnWidth,
     refresh
   } = useTable(tableOptions);
-  const t = useMemo3(() => ({ ...DEFAULT_LOCALE, ...locale }), [locale]);
+  const config = useConfig();
+  const configTableLocale = config.locale?.table;
+  const t = useMemo3(
+    () => ({ ...DEFAULT_LOCALE, ...configTableLocale, ...locale }),
+    [configTableLocale, locale]
+  );
   const hasColumnGroups = columnsProp.some((c) => c.children && c.children.length > 0);
   const leafColumns = useMemo3(() => flattenLeafColumns(columnsProp), [columnsProp]);
   const headerRows = useMemo3(
@@ -2654,9 +2659,8 @@ function useTableState(props) {
         } else {
           next = sorts.filter((s) => s.column !== col.key);
         }
-        if (onSortsChange) {
-          onSortsChange(next);
-        } else {
+        onSortsChange?.(next);
+        if (controlledSorts === void 0) {
           setInternalSorts(next);
         }
         if (next.length === 0) {
@@ -2665,7 +2669,7 @@ function useTableState(props) {
           setSorts(next);
         }
       } else {
-        const current = sorts.length === 1 ? sorts[0] : null;
+        const current = sorts.find((s) => s.column === col.key) ?? null;
         let next;
         if (!current || current.column !== col.key) {
           next = [{ column: col.key, direction: "asc" }];
@@ -2674,9 +2678,8 @@ function useTableState(props) {
         } else {
           next = [];
         }
-        if (onSortsChange) {
-          onSortsChange(next);
-        } else {
+        onSortsChange?.(next);
+        if (controlledSorts === void 0) {
           setInternalSorts(next);
         }
         if (next.length === 0) {
@@ -2686,7 +2689,7 @@ function useTableState(props) {
         }
       }
     },
-    [multiSort, sorts, onSortsChange, setSort, setSorts, clearSort]
+    [multiSort, sorts, controlledSorts, onSortsChange, setSort, setSorts, clearSort]
   );
   const getSortIndex = useCallback3(
     (colKey) => {
@@ -2782,10 +2785,14 @@ function useTableState(props) {
     e.preventDefault();
     e.stopPropagation();
     resizeCleanupRef.current?.();
+    const handle = e.currentTarget;
+    const th = handle.closest(".sg-table-th");
+    const measuredW = th?.getBoundingClientRect().width;
+    const startW = measuredW && Number.isFinite(measuredW) ? measuredW : colWidths[colKey] ?? DEFAULT_COL_WIDTH;
     resizeRef.current = {
       col: colKey,
       startX: e.clientX,
-      startW: colWidths[colKey] ?? DEFAULT_COL_WIDTH
+      startW
     };
     const onMove = (ev) => {
       const ref = resizeRef.current;
@@ -3878,4 +3885,4 @@ export {
   printElement,
   Table
 };
-//# sourceMappingURL=chunk-7AA2JPZB.js.map
+//# sourceMappingURL=chunk-G4MRXKGC.js.map