@skygraph/react 0.5.4 → 0.6.6

package/dist/table.cjs

@@ -2788,7 +2788,12 @@ function useTableState(props) {
     setColumnWidth: persistColumnWidth,
     refresh
   } = useTable(tableOptions);
-  const t = (0, import_react13.useMemo)(() => ({ ...DEFAULT_LOCALE, ...locale }), [locale]);
+  const config = useConfig();
+  const configTableLocale = config.locale?.table;
+  const t = (0, import_react13.useMemo)(
+    () => ({ ...DEFAULT_LOCALE, ...configTableLocale, ...locale }),
+    [configTableLocale, locale]
+  );
   const hasColumnGroups = columnsProp.some((c) => c.children && c.children.length > 0);
   const leafColumns = (0, import_react13.useMemo)(() => flattenLeafColumns(columnsProp), [columnsProp]);
   const headerRows = (0, import_react13.useMemo)(
@@ -2965,9 +2970,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) {
@@ -2976,7 +2980,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" }];
@@ -2985,9 +2989,8 @@ function useTableState(props) {
         } else {
           next = [];
         }
-        if (onSortsChange) {
-          onSortsChange(next);
-        } else {
+        onSortsChange?.(next);
+        if (controlledSorts === void 0) {
           setInternalSorts(next);
         }
         if (next.length === 0) {
@@ -2997,7 +3000,7 @@ function useTableState(props) {
         }
       }
     },
-    [multiSort, sorts, onSortsChange, setSort, setSorts, clearSort]
+    [multiSort, sorts, controlledSorts, onSortsChange, setSort, setSorts, clearSort]
   );
   const getSortIndex = (0, import_react13.useCallback)(
     (colKey) => {
@@ -3093,10 +3096,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;