@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/table/useTable/useColumnResizing/index.jsx

@@ -1,6 +1,5 @@
-"use strict";
 /*
- * Copyright 2023 Google LLC
+ * Copyright 2025 Google LLC
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
  * you may not use this file except in compliance with the License.
@@ -14,145 +13,258 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = require("react");
-const persistentSettingsStore_1 = require("../../persistentSettingsStore");
-const resizeColumns_1 = require("./resizeColumns");
-const handleResizeOnColumnsVisibilityChange_1 = require("./handleResizeOnColumnsVisibilityChange");
-const useColumnResizing = (tableColumns, allTableColumnsKeys, tablePersistentSettingsKey) => {
-    const tableContainerRef = (0, react_1.useRef)(null);
-    const [columns, setColumns] = (0, react_1.useState)(tableColumns);
-    const [isResizing, setIsResizing] = (0, react_1.useState)(false);
-    const columnsSizingRef = (0, react_1.useRef)({});
-    (0, react_1.useEffect)(() => {
-        if (tableColumns.length === 1) {
-            columnsSizingRef.current = {};
-            columnsSizingRef.current[tableColumns[0].accessorKey] =
-                tableColumns[0].width || 0;
+import { useEffect, useRef, useState, useCallback } from 'react';
+import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
+export const columnResizeHandleClassName = 'column-resize-handle';
+const getColumnElement = (columnId) => {
+    return document.querySelector(`[data-column-resize-id="${columnId}"]`);
+};
+const getColumnMinWidth = (columnElement) => {
+    return Number(columnElement?.dataset.minWidth) || 0;
+};
+const getColumnMaxWidth = (columnElement) => {
+    return Number(columnElement?.dataset.maxWidth) || Number.POSITIVE_INFINITY;
+};
+const getColumnWidth = (columnElement) => {
+    return (columnElement.getBoundingClientRect().width ||
+        parseFloat(columnElement.style.width));
+};
+const setColumnWidth = (columnElement, width) => {
+    const parsedWidth = typeof width === 'string' ? parseFloat(width) : width;
+    columnElement.style.width = `${parsedWidth}px`;
+    columnElement.style.minWidth = `${parsedWidth}px`;
+    columnElement.style.maxWidth = `${parsedWidth}px`;
+};
+const setColumnFullWidth = (columnElement) => {
+    columnElement.style.width = '100%';
+    columnElement.style.minWidth = '100%';
+    columnElement.style.maxWidth = '100%';
+};
+const getColumnInitialWidth = (columnElement) => {
+    return Number(columnElement?.dataset.initialWidth) || undefined;
+};
+/**
+ * Custom hook to handle column resizing.
+ * @param tablePersistentSettingsKey - key to persist the columns sizing
+ * @returns {UseColumnResizing} isResizing - Whether the column is being resized.
+ */
+const useColumnResizing = (tablePersistentSettingsKey) => {
+    const [isResizing, setIsResizing] = useState(false);
+    const startingColumnWidth = useRef(0);
+    const startX = useRef(0);
+    const rafId = useRef();
+    const tableContainerRef = useRef(null);
+    const tableRef = useRef(null);
+    const currentColumn = useRef(null);
+    const [persistedColumnsSizing, setPersistedColumnsSizing] = useState(undefined);
+    const handleMouseDown = useCallback((event) => {
+        const target = event.target;
+        if (target?.dataset?.columnResizeHandle) {
+            event.stopPropagation();
+            event.preventDefault();
+            setIsResizing(true);
+            const columnId = target.dataset.columnResizeHandle;
+            startX.current = event.screenX;
+            const columnElement = getColumnElement(columnId);
+            if (columnElement) {
+                startingColumnWidth.current = getColumnWidth(columnElement) || 0;
+                currentColumn.current = columnElement;
+            }
         }
-    }, [tableColumns]);
-    (0, react_1.useEffect)(() => {
-        setColumns((prev) => {
-            var _a;
-            return (0, handleResizeOnColumnsVisibilityChange_1.handleResizeOnColumnsVisibilityChange)(prev, tableColumns, columnsSizingRef.current, ((_a = tableContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0, allTableColumnsKeys.length === tableColumns.length);
-        });
-    }, [allTableColumnsKeys.length, tableColumns]);
-    const setColumnsCallback = (0, react_1.useCallback)((columnsSizing) => {
-        setColumns((prevColumns) => {
-            var _a;
-            const tableWidth = ((_a = tableContainerRef.current) === null || _a === void 0 ? void 0 : _a.scrollWidth) || 0;
-            const newColumns = prevColumns.map((column) => (Object.assign(Object.assign({}, column), { width: (columnsSizing === null || columnsSizing === void 0 ? void 0 : columnsSizing[column.accessorKey]) || column.width || 0 })));
-            return (0, resizeColumns_1.resizeColumns)(newColumns, tableWidth);
-        });
     }, []);
-    (0, react_1.useEffect)(() => {
-        const _setColumnsCallback = () => setColumnsCallback();
-        globalThis === null || globalThis === void 0 ? void 0 : globalThis.addEventListener('resize', _setColumnsCallback);
-        return () => {
-            globalThis === null || globalThis === void 0 ? void 0 : globalThis.removeEventListener('resize', _setColumnsCallback);
-        };
-    }, [setColumnsCallback]);
-    const onMouseDown = (0, react_1.useCallback)((selectedColumnRef, index) => {
-        var _a, _b;
-        const onMove = (clientXPos) => {
-            setColumns((prev) => {
-                var _a;
-                setIsResizing(true);
-                const startOffset = ((_a = selectedColumnRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) || 0;
-                const selectedColumn = index;
-                const column1 = prev[selectedColumn], column2 = prev[selectedColumn + 1];
-                if (selectedColumn + 1 === prev.length) {
-                    return prev;
-                }
-                const column1Width = column1.width || 0, column2Width = column2.width || 0;
-                const widthChange = clientXPos - (startOffset + column1Width);
-                let newColumn1Width = 40, newColumn2Width = 40;
-                if (widthChange > 0) {
-                    newColumn2Width = Math.max(40, column2Width - widthChange);
-                    newColumn1Width =
-                        newColumn2Width === 40
-                            ? column1Width + column2Width - 40
-                            : column1Width + widthChange;
-                }
-                else {
-                    newColumn1Width = Math.max(40, column1Width + widthChange);
-                    newColumn2Width =
-                        newColumn1Width === 40
-                            ? column1Width + column2Width - 40
-                            : column2Width - widthChange;
-                }
-                const newColumns = [...prev];
-                newColumns[selectedColumn] = Object.assign(Object.assign({}, column1), { width: newColumn1Width });
-                newColumns[selectedColumn + 1] = Object.assign(Object.assign({}, column2), { width: newColumn2Width });
-                return newColumns;
-            });
-        };
-        const mouseEvents = {
-            moveHandler: (e) => onMove(e.clientX),
-            upHandler: () => {
-                var _a, _b;
-                setTimeout(() => setIsResizing(false), 100);
-                (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.removeEventListener('mousemove', mouseEvents.moveHandler);
-                (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseup', mouseEvents.upHandler);
-            },
-        };
-        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.addEventListener('mousemove', mouseEvents.moveHandler);
-        (_b = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseup', mouseEvents.upHandler);
-    }, []);
-    (0, react_1.useEffect)(() => {
-        const resizer = new ResizeObserver(() => {
-            setColumnsCallback();
+    const handleMouseMove = useCallback((event) => {
+        if (!isResizing || !currentColumn.current) {
+            return;
+        }
+        if (rafId.current) {
+            cancelAnimationFrame(rafId.current);
+        }
+        rafId.current = requestAnimationFrame(() => {
+            if (!currentColumn.current) {
+                return;
+            }
+            const columnElement = currentColumn.current;
+            if (!columnElement) {
+                return;
+            }
+            const minWidth = getColumnMinWidth(columnElement);
+            const maxWidth = getColumnMaxWidth(columnElement);
+            const newDiffX = startX.current - event.screenX;
+            const newWidth = startingColumnWidth.current - newDiffX;
+            // not allow resizing to be less than minWidth or greater than maxWidth
+            if (newWidth > maxWidth || newWidth < minWidth) {
+                return;
+            }
+            setColumnWidth(columnElement, newWidth);
         });
-        if (tableContainerRef.current) {
-            resizer.observe(tableContainerRef.current);
+    }, [isResizing]);
+    const handleMouseUp = useCallback(() => {
+        if (!isResizing || !currentColumn.current) {
+            return;
+        }
+        const columnElement = currentColumn.current;
+        if (columnElement) {
+            const columnId = columnElement.dataset.columnResizeId;
+            if (!columnId) {
+                return;
+            }
+            const width = getColumnWidth(columnElement) || 0;
+            setPersistedColumnsSizing((prev) => {
+                return { ...(prev || {}), [columnId]: width };
+            });
+            requestAnimationFrame(() => {
+                currentColumn.current = null;
+                setIsResizing(false);
+            });
+        }
+        if (rafId.current) {
+            cancelAnimationFrame(rafId.current);
+        }
+        currentColumn.current = null;
+    }, [isResizing]);
+    const handleMouseOut = useCallback((event) => {
+        if (!event.relatedTarget && isResizing) {
+            currentColumn.current = null;
+            handleMouseUp();
         }
-        return () => resizer.disconnect();
-    }, [setColumnsCallback]);
-    const { getPreferences, setPreferences } = (0, persistentSettingsStore_1.useTablePersistentSettingsStore)(({ actions }) => ({
+    }, [isResizing, handleMouseUp]);
+    const { getPreferences, setPreferences } = useTablePersistentSettingsStore(({ actions }) => ({
         getPreferences: actions.getPreferences,
         setPreferences: actions.setPreferences,
     }));
-    (0, react_1.useEffect)(() => {
+    const [areSettingsLoaded, setAreSettingsLoaded] = useState(false);
+    useEffect(() => {
         if (tablePersistentSettingsKey) {
-            const data = getPreferences(tablePersistentSettingsKey, 'columnsSizing');
-            if (data) {
-                columnsSizingRef.current =
-                    data || {};
-                setColumnsCallback(data || {});
-            }
+            const columnsSizing = getPreferences(tablePersistentSettingsKey, 'columnsSizing');
+            const data = columnsSizing && Object.keys(columnsSizing).length > 0
+                ? columnsSizing
+                : undefined;
+            setPersistedColumnsSizing(data);
         }
-    }, [getPreferences, setColumnsCallback, tablePersistentSettingsKey]);
-    (0, react_1.useEffect)(() => {
-        const _columns = columns.reduce((acc, { accessorKey, width }) => {
-            acc[accessorKey] = width || 0;
-            return acc;
-        }, {});
-        const _columnsSizing = (allTableColumnsKeys || []).reduce((acc, accessorKey) => {
-            acc[accessorKey] =
-                _columns[accessorKey] || columnsSizingRef.current[accessorKey] || 0;
-            return acc;
-        }, {});
-        columnsSizingRef.current = Object.assign(Object.assign({}, columnsSizingRef.current), _columnsSizing);
-        if (tablePersistentSettingsKey) {
+        setAreSettingsLoaded(true);
+    }, [getPreferences, tablePersistentSettingsKey]);
+    // keep store in sync with the persisted columns sizing
+    useEffect(() => {
+        if (persistedColumnsSizing && tablePersistentSettingsKey) {
             setPreferences({
-                columnsSizing: _columnsSizing,
+                columnsSizing: persistedColumnsSizing,
             }, tablePersistentSettingsKey);
         }
+    }, [persistedColumnsSizing, setPreferences, tablePersistentSettingsKey]);
+    // fixes the column widths when the component is mounted
+    // so the columns don't resize when the user starts dragging
+    const setColumnWidths = useCallback(() => {
+        if (!areSettingsLoaded || isResizing) {
+            return;
+        }
+        const allHandles = document.querySelectorAll(`[data-column-resize-id]`);
+        const lastHandleId = allHandles[allHandles.length - 1]
+            ?.dataset?.columnResizeId;
+        // calculate initial column widths
+        const columnsSizing = {};
+        if (allHandles.length === 0) {
+            return;
+        }
+        Array.from(allHandles).forEach((handle) => {
+            const columnId = handle.dataset.columnResizeId;
+            if (!columnId) {
+                return;
+            }
+            const columnElement = getColumnElement(columnId);
+            if (!columnElement) {
+                return;
+            }
+            if (columnId === lastHandleId) {
+                setColumnFullWidth(columnElement);
+                return;
+            }
+            // use persisted columns sizing if available
+            if (persistedColumnsSizing?.[columnId]) {
+                setColumnWidth(columnElement, persistedColumnsSizing[columnId]);
+                return;
+            }
+            const initialWidth = getColumnInitialWidth(columnElement);
+            const minWidth = getColumnMinWidth(columnElement);
+            const maxWidth = getColumnMaxWidth(columnElement);
+            const colWidth = getColumnWidth(columnElement);
+            let width = 0;
+            if (initialWidth) {
+                if (initialWidth > maxWidth) {
+                    width = maxWidth;
+                }
+                else if (initialWidth < minWidth) {
+                    width = minWidth;
+                }
+                else {
+                    width = initialWidth;
+                }
+            }
+            else {
+                if (colWidth > maxWidth) {
+                    width = maxWidth;
+                }
+                else if (colWidth < minWidth) {
+                    width = minWidth;
+                }
+                else {
+                    width = colWidth;
+                }
+            }
+            setColumnWidth(columnElement, width);
+            columnsSizing[columnId] = width;
+        });
+        // persist columns sizing if not already set
+        if (!persistedColumnsSizing) {
+            setPersistedColumnsSizing(columnsSizing);
+        }
+        if (tableRef.current) {
+            if (allHandles.length === 1) {
+                tableRef.current.style.width = '100%';
+            }
+            else {
+                // allow table to resized freely after all columns are set
+                tableRef.current.style.width = 'auto';
+            }
+        }
+    }, [areSettingsLoaded, persistedColumnsSizing, isResizing]);
+    useEffect(() => {
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        document.addEventListener('mousedown', handleMouseDown);
+        document.addEventListener('mouseout', handleMouseOut);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+            document.removeEventListener('mousedown', handleMouseDown);
+            document.removeEventListener('mouseout', handleMouseOut);
+        };
     }, [
-        allTableColumnsKeys,
-        columns,
-        setPreferences,
-        tablePersistentSettingsKey,
-    ]);
-    return {
-        columns,
+        handleMouseDown,
+        handleMouseMove,
+        handleMouseOut,
+        handleMouseUp,
         tableContainerRef,
-        onMouseDown,
-        isResizing,
-    };
+    ]);
+    useEffect(() => {
+        if (isResizing) {
+            document.body.style.cursor = 'ew-resize';
+        }
+        else {
+            document.body.style.cursor = 'default';
+        }
+    }, [isResizing]);
+    useEffect(() => {
+        setColumnWidths();
+        return () => {
+            if (rafId.current) {
+                cancelAnimationFrame(rafId.current);
+            }
+        };
+    }, [setColumnWidths]);
+    return { isResizing, setColumnWidths, tableContainerRef, tableRef };
 };
-exports.default = useColumnResizing;
+export default useColumnResizing;
 //# sourceMappingURL=index.jsx.map

package/dist/components/table/useTable/useColumnResizing/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useColumnResizing/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useColumnResizing/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/useTable/useColumnSorting/index.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,21 +13,20 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = require("react");
-const common_1 = require("@google-psat/common");
-const persistentSettingsStore_1 = require("../../persistentSettingsStore");
+import { useState, useCallback, useMemo, useEffect } from 'react';
+import { getValueByKey } from '@google-psat/common';
+import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
 const useColumnSorting = (data, tableColumns, tablePersistentSettingsKey) => {
-    const [sortKey, _setSortKey] = (0, react_1.useState)('');
-    const [ascending, setAscending] = (0, react_1.useState)(true);
-    const [isDataLoading, setIsDataLoading] = (0, react_1.useState)(true);
-    const setSortOrder = (0, react_1.useCallback)((sortOrder) => {
+    const [sortKey, _setSortKey] = useState('');
+    const [ascending, setAscending] = useState(true);
+    const [isDataLoading, setIsDataLoading] = useState(true);
+    const setSortOrder = useCallback((sortOrder) => {
         setAscending(sortOrder === 'asc');
     }, []);
-    const setSortKey = (0, react_1.useCallback)((newSortKey) => {
+    const setSortKey = useCallback((newSortKey) => {
         if (newSortKey === sortKey) {
             setAscending(!ascending);
         }
@@ -37,16 +35,14 @@ const useColumnSorting = (data, tableColumns, tablePersistentSettingsKey) => {
             setAscending(true);
         }
     }, [ascending, sortKey]);
-    const sortedData = (0, react_1.useMemo)(() => {
-        var _a;
+    const sortedData = useMemo(() => {
         if (isDataLoading) {
             return [];
         }
-        const sortingComparator = (_a = tableColumns.find((column) => column.accessorKey === sortKey)) === null || _a === void 0 ? void 0 : _a.sortingComparator;
+        const sortingComparator = tableColumns.find((column) => column.accessorKey === sortKey)?.sortingComparator;
         const _sortedData = [...data].sort((a, b) => {
-            var _a, _b;
-            let candidateA = (_a = (0, common_1.getValueByKey)(sortKey, a)) !== null && _a !== void 0 ? _a : '';
-            let candidateB = (_b = (0, common_1.getValueByKey)(sortKey, b)) !== null && _b !== void 0 ? _b : '';
+            let candidateA = getValueByKey(sortKey, a) ?? '';
+            let candidateB = getValueByKey(sortKey, b) ?? '';
             if (sortingComparator) {
                 return sortingComparator(candidateA, candidateB) * (ascending ? 1 : -1);
             }
@@ -65,11 +61,11 @@ const useColumnSorting = (data, tableColumns, tablePersistentSettingsKey) => {
         });
         return _sortedData;
     }, [ascending, data, isDataLoading, sortKey, tableColumns]);
-    const { getPreferences, setPreferences } = (0, persistentSettingsStore_1.useTablePersistentSettingsStore)(({ actions }) => ({
+    const { getPreferences, setPreferences } = useTablePersistentSettingsStore(({ actions }) => ({
         getPreferences: actions.getPreferences,
         setPreferences: actions.setPreferences,
     }));
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (tablePersistentSettingsKey) {
             const sortByData = getPreferences(tablePersistentSettingsKey, 'sortBy');
             const sortOrderData = getPreferences(tablePersistentSettingsKey, 'sortOrder');
@@ -86,7 +82,7 @@ const useColumnSorting = (data, tableColumns, tablePersistentSettingsKey) => {
             setAscending(true);
         };
     }, [getPreferences, tablePersistentSettingsKey]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (tablePersistentSettingsKey && sortKey) {
             setPreferences({
                 sortBy: sortKey,
@@ -102,5 +98,5 @@ const useColumnSorting = (data, tableColumns, tablePersistentSettingsKey) => {
         sortOrder: ascending ? 'asc' : 'desc',
     };
 };
-exports.default = useColumnSorting;
+export default useColumnSorting;
 //# sourceMappingURL=index.jsx.map

package/dist/components/table/useTable/useColumnSorting/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useColumnSorting/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/useTable/useColumnSorting/index.tsx"],"names":[],"mappings":"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"}