@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/table/components/filtersSidebar/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/filtersSidebar/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAAuC;AAKvC,6EAA6E;AAgB7E,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,GACI,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAClC,OAAO;YACL,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;YAC9C,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,qBAAqB;YAC9D,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,eAAe,EAAE,MAAM,CAAC,qBAAqB;YAC7C,wBAAwB,EAAE,MAAM,CAAC,qBAAqB;SACvD,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,IAAA,eAAO,EAClC,GAAG,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;QAC7C,GAAG,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,IAAI,CAC1B,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,IAAI,EAAE,CACtC,CAAC,MAAM,CACN,CAAC,WAAW,EAAE,EAAE,WACd,OAAA,MAAA,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,0CAAG,WAAW,EAAE,QAAQ,CAAA,EAAA,CAC1D,CAAC;QACF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA8B,CAAC,EACpC,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,CAAC,wBAAc,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CACrD,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAC7C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/filtersSidebar/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,cAAsC,MAAM,yBAAyB,CAAC;AAgB7E,MAAM,mBAAmB,GAAG,CAAC,EAC3B,OAAO,EACP,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,GACI,EAAE,EAAE;IAC7B,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QACrC,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;QAClC,OAAO;YACL,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,IAAI,EAAE,CAAC;YAC9C,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,qBAAqB;YAC9D,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,eAAe,EAAE,MAAM,CAAC,qBAAqB;YAC7C,wBAAwB,EAAE,MAAM,CAAC,qBAAqB;SACvD,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,oBAAoB,GAAG,OAAO,CAClC,GAAG,EAAE,CACH,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;QAC7C,GAAG,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,IAAI,CAC1B,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,IAAI,EAAE,CACtC,CAAC,MAAM,CACN,CAAC,WAAW,EAAE,EAAE,CACd,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY,EAAE,CAAC,WAAW,CAAC,CAAC,QAAQ,CAC1D,CAAC;QACF,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAA8B,CAAC,EACpC,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,CACL,CAAC,cAAc,CACb,OAAO,CAAC,CAAC,QAAQ,CAAC,CAClB,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CACrD,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAC7C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,51 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const re_resizable_1 = require("re-resizable");
+import React, { memo, useCallback, useEffect, useState } from 'react';
+import { Resizable } from 're-resizable';
+import classNames from 'classnames';
 /**
  * Internal dependencies.
  */
-const tableHeader_1 = __importDefault(require("./tableHeader"));
-const tableBody_1 = __importDefault(require("./tableBody"));
-const columnMenu_1 = __importDefault(require("./columnMenu"));
-const useTable_1 = require("../useTable");
-const tableTopBar_1 = __importDefault(require("./tableTopBar"));
-const chips_1 = __importDefault(require("./filtersSidebar/chips"));
-const filtersSidebar_1 = __importDefault(require("./filtersSidebar"));
-const Table = ({ selectedKey, isFiltersSidebarOpen = false, hideFiltering = false, extraInterfaceToTopBar, minWidth, hideSearch, hideTableTopBar, rowHeightClass, }) => {
-    const { tableContainerRef, filters, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, selectedFilters, resetFilters, rows, searchValue, setSearchValue, exportTableData, } = (0, useTable_1.useTable)(({ state, actions }) => ({
-        tableContainerRef: state.tableContainerRef,
+import TableHeader from './tableHeader';
+import TableBody from './tableBody';
+import ColumnMenu from './columnMenu';
+import { useTable } from '../useTable';
+import TableTopBar from './tableTopBar';
+import TableChipsBar from './filtersSidebar/chips';
+import TableFiltersSidebar from './filtersSidebar';
+const Table = ({ selectedKey, isFiltersSidebarOpen = false, hideFiltering = false, extraInterfaceToTopBar, minWidth, hideSearch, hideTableTopBar, rowHeightClass, shouldScroll = false, showOverflow = true, }) => {
+    const { filters, isSelectAllFilterSelected, toggleFilterSelection, toggleSelectAllFilter, selectedFilters, resetFilters, rows, searchValue, setSearchValue, exportTableData, count, tableContainerRef, loadMoreData, hasMoreData, tableRef, } = useTable(({ state, actions }) => ({
         filters: state.filters,
         isSelectAllFilterSelected: actions.isSelectAllFilterSelected,
         toggleFilterSelection: actions.toggleFilterSelection,
@@ -69,30 +41,32 @@ const Table = ({ selectedKey, isFiltersSidebarOpen = false, hideFiltering = fals
         searchValue: state.searchValue,
         setSearchValue: actions.setSearchValue,
         exportTableData: actions.exportTableData,
+        count: state.count,
+        tableContainerRef: state.tableContainerRef,
+        loadMoreData: actions.loadMoreData,
+        hasMoreData: state.hasMoreData,
+        tableRef: state.tableRef,
     }));
-    const [showColumnsMenu, setShowColumnsMenu] = (0, react_1.useState)(false);
-    const [showFilterSidebar, setShowFilterSidebar] = (0, react_1.useState)(isFiltersSidebarOpen);
-    const [columnPosition, setColumnPosition] = (0, react_1.useState)({
+    const [showColumnsMenu, setShowColumnsMenu] = useState(false);
+    const [showFilterSidebar, setShowFilterSidebar] = useState(isFiltersSidebarOpen);
+    const [columnPosition, setColumnPosition] = useState({
         x: 0,
         y: 0,
     });
-    const [isRowFocused, setIsRowFocused] = (0, react_1.useState)(false);
-    const tableRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        var _a;
+    const [isRowFocused, setIsRowFocused] = useState(false);
+    useEffect(() => {
         const handleClickOutside = (event) => {
-            if (tableRef.current &&
+            if (tableRef?.current &&
                 !tableRef.current.contains(event.target)) {
-                setIsRowFocused(true);
+                setIsRowFocused(false);
             }
         };
-        (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleClickOutside, true);
+        globalThis?.document?.addEventListener('click', handleClickOutside, true);
         return () => {
-            var _a;
-            (_a = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleClickOutside, true);
+            globalThis?.document?.removeEventListener('click', handleClickOutside, true);
         };
-    }, []);
-    (0, react_1.useEffect)(() => {
+    }, [tableRef]);
+    useEffect(() => {
         if (selectedKey === undefined) {
             setIsRowFocused(false);
         }
@@ -100,33 +74,46 @@ const Table = ({ selectedKey, isFiltersSidebarOpen = false, hideFiltering = fals
             setIsRowFocused(true);
         }
     }, [selectedKey]);
-    const handleRightClick = (0, react_1.useCallback)((e) => {
+    const handleRightClick = useCallback((e) => {
         e.preventDefault();
         document.body.style.overflow = showColumnsMenu ? 'auto' : 'hidden';
         setShowColumnsMenu(!showColumnsMenu);
     }, [showColumnsMenu]);
-    return (<div className="w-full h-full flex flex-col text-raisin-black dark:text-bright-gray">
+    const scrollListener = useCallback((event) => {
+        const target = event.target;
+        const scrollTop = target.scrollTop;
+        const scrollHeight = target.scrollHeight;
+        const clientHeight = target.clientHeight;
+        if (Math.ceil(scrollTop + clientHeight) >= scrollHeight && hasMoreData) {
+            loadMoreData();
+        }
+    }, [hasMoreData, loadMoreData]);
+    return (<div className="w-full h-full flex flex-col text-raisin-black dark:text-bright-gray overflow-hidden">
       {!hideTableTopBar && (<>
-          <tableTopBar_1.default showFilterSidebar={showFilterSidebar} hideFiltering={hideFiltering} setShowFilterSidebar={setShowFilterSidebar} extraInterface={extraInterfaceToTopBar} hideSearch={hideSearch} rows={rows} searchValue={searchValue} setSearchValue={setSearchValue} exportTableData={exportTableData}/>
-          {!hideFiltering && (<chips_1.default selectedFilters={selectedFilters} resetFilters={resetFilters} toggleFilterSelection={toggleFilterSelection}/>)}
+          <TableTopBar showFilterSidebar={showFilterSidebar} hideFiltering={hideFiltering} setShowFilterSidebar={setShowFilterSidebar} extraInterface={extraInterfaceToTopBar} hideSearch={hideSearch} rows={rows} searchValue={searchValue} setSearchValue={setSearchValue} exportTableData={exportTableData} count={count}/>
+          <div className="flex items-center justify-between gap-1 py-0.5 bg-anti-flash-white dark:bg-raisin-black">
+            {!hideFiltering && (<TableChipsBar selectedFilters={selectedFilters} resetFilters={resetFilters} toggleFilterSelection={toggleFilterSelection}/>)}
+          </div>
         </>)}
-      <div className="w-full flex-1 overflow-hidden h-full flex divide-x divide-american-silver dark:divide-quartz border-t border-gray-300 dark:border-quartz">
-        {showFilterSidebar && (<re_resizable_1.Resizable minWidth="100px" maxWidth="50%" enable={{
+      <div className="w-full flex-1 h-full flex divide-x divide-american-silver dark:divide-quartz border-t border-gray-300 dark:border-quartz overflow-auto">
+        {showFilterSidebar && (<Resizable minWidth="100px" maxWidth="50%" enable={{
                 right: true,
-            }} className="overflow-auto h-full">
-            <filtersSidebar_1.default filters={filters} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>
-          </re_resizable_1.Resizable>)}
-        <div ref={tableContainerRef} className="relative h-full w-full overflow-auto">
-          <columnMenu_1.default open={showColumnsMenu} onClose={setShowColumnsMenu} position={columnPosition}/>
-          <div className="h-full w-full overflow-hidden flex flex-col" style={{
-            minWidth: minWidth !== null && minWidth !== void 0 ? minWidth : '70rem',
+            }} className="h-full">
+            <TableFiltersSidebar filters={filters} isSelectAllFilterSelected={isSelectAllFilterSelected} toggleFilterSelection={toggleFilterSelection} toggleSelectAllFilter={toggleSelectAllFilter}/>
+          </Resizable>)}
+        <div ref={tableContainerRef} className={classNames('relative h-full w-full flex-1', {
+            'overflow-auto': showOverflow,
+        })} onScroll={scrollListener}>
+          <ColumnMenu open={showColumnsMenu} onClose={setShowColumnsMenu} position={columnPosition}/>
+          <table className="h-full w-full table-fixed border-separate border-spacing-0 relative border-r border-american-silver dark:border-quartz overflow-clip" style={{
+            minWidth: minWidth ?? 'auto',
         }} ref={tableRef}>
-            <tableHeader_1.default setColumnPosition={setColumnPosition} onRightClick={handleRightClick} setIsRowFocused={setIsRowFocused}/>
-            <tableBody_1.default isRowFocused={isRowFocused} setIsRowFocused={setIsRowFocused} selectedKey={selectedKey} rowHeightClass={rowHeightClass}/>
-          </div>
+            <TableHeader setColumnPosition={setColumnPosition} onRightClick={handleRightClick} setIsRowFocused={setIsRowFocused}/>
+            <TableBody isRowFocused={isRowFocused} setIsRowFocused={setIsRowFocused} selectedKey={selectedKey} rowHeightClass={rowHeightClass} shouldScroll={shouldScroll}/>
+          </table>
         </div>
       </div>
     </div>);
 };
-exports.default = Table;
+export default memo(Table);
 //# sourceMappingURL=index.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/table/components/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAwE;AACxE,+CAAyC;AAEzC;;GAEG;AACH,gEAAwC;AACxC,4DAAoC;AACpC,8DAAsC;AACtC,0CAAuC;AACvC,gEAAwC;AACxC,mEAAmD;AACnD,sEAAmD;AAanD,MAAM,KAAK,GAAG,CAAC,EACb,WAAW,EACX,oBAAoB,GAAG,KAAK,EAC5B,aAAa,GAAG,KAAK,EACrB,sBAAsB,EACtB,QAAQ,EACR,UAAU,EACV,eAAe,EACf,cAAc,GACH,EAAE,EAAE;IACf,MAAM,EACJ,iBAAiB,EACjB,OAAO,EACP,yBAAyB,EACzB,qBAAqB,EACrB,qBAAqB,EACrB,eAAe,EACf,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,cAAc,EACd,eAAe,GAChB,GAAG,IAAA,mBAAQ,EAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;QACpC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAC1C,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,yBAAyB,EAAE,OAAO,CAAC,yBAAyB;QAC5D,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,YAAY,EAAE,OAAO,CAAC,YAAY;QAClC,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,KAAK,CAAC,WAAW;QAC9B,cAAc,EAAE,OAAO,CAAC,cAAc;QACtC,eAAe,EAAE,OAAO,CAAC,eAAe;KACzC,CAAC,CAAC,CAAC;IAEJ,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAC7C,IAAA,gBAAQ,EAAC,oBAAoB,CAAC,CAAC;IACjC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC;QACnD,CAAC,EAAE,CAAC;QACJ,CAAC,EAAE,CAAC;KACL,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IAEhD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC/C,IACE,QAAQ,CAAC,OAAO;gBAChB,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAChD,CAAC;gBACD,eAAe,CAAC,IAAI,CAAC,CAAC;YACxB,CAAC;QACH,CAAC,CAAC;QACF,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE1E,OAAO,GAAG,EAAE;;YACV,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,mBAAmB,CACvC,OAAO,EACP,kBAAkB,EAClB,IAAI,CACL,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;YAC9B,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,eAAe,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,CAAgC,EAAE,EAAE;QACnC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QACnE,kBAAkB,CAAC,CAAC,eAAe,CAAC,CAAC;IACvC,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,qEAAqE,CAClF;MAAA,CAAC,CAAC,eAAe,IAAI,CACnB,EACE;UAAA,CAAC,qBAAW,CACV,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,cAAc,CAAC,CAAC,sBAAsB,CAAC,CACvC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,eAAe,CAAC,CAAC,eAAe,CAAC,EAEnC;UAAA,CAAC,CAAC,aAAa,IAAI,CACjB,CAAC,eAAa,CACZ,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAC7C,CACH,CACH;QAAA,GAAG,CACJ,CACD;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,0IAA0I,CACvJ;QAAA,CAAC,iBAAiB,IAAI,CACpB,CAAC,wBAAS,CACR,QAAQ,CAAC,OAAO,CAChB,QAAQ,CAAC,KAAK,CACd,MAAM,CAAC,CAAC;gBACN,KAAK,EAAE,IAAI;aACZ,CAAC,CACF,SAAS,CAAC,sBAAsB,CAEhC;YAAA,CAAC,wBAAmB,CAClB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,yBAAyB,CAAC,CAAC,yBAAyB,CAAC,CACrD,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAEjD;UAAA,EAAE,wBAAS,CAAC,CACb,CACD;QAAA,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,iBAAiB,CAAC,CACvB,SAAS,CAAC,sCAAsC,CAEhD;UAAA,CAAC,oBAAU,CACT,IAAI,CAAC,CAAC,eAAe,CAAC,CACtB,OAAO,CAAC,CAAC,kBAAkB,CAAC,CAC5B,QAAQ,CAAC,CAAC,cAAc,CAAC,EAE3B;UAAA,CAAC,GAAG,CACF,SAAS,CAAC,6CAA6C,CACvD,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,OAAO;SAC9B,CAAC,CACF,GAAG,CAAC,CAAC,QAAQ,CAAC,CAEd;YAAA,CAAC,qBAAW,CACV,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,YAAY,CAAC,CAAC,gBAAgB,CAAC,CAC/B,eAAe,CAAC,CAAC,eAAe,CAAC,EAEnC;YAAA,CAAC,mBAAS,CACR,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,cAAc,CAAC,EAEnC;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/table/components/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/components/tableBody/bodyCell.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,39 +13,40 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const BodyCell = ({ cell, width, row, hasIcon = false, showIcon = false, icon, rowHeightClass, }) => {
-    var _a;
-    const IconElement = icon === null || icon === void 0 ? void 0 : icon.Element;
-    const cellValue = (_a = cell === null || cell === void 0 ? void 0 : cell()) !== null && _a !== void 0 ? _a : '';
-    return (<div tabIndex={0} style={{ minWidth: width }} onDoubleClick={(e) => {
-            var _a, _b;
+import React from 'react';
+const BodyCell = ({ cell, row, hasIcon = false, showIcon = false, icon, rowHeightClass, accessorKey, hasVerticalBar = false, verticalBarColorHash, isHighlighted = false, }) => {
+    const IconElement = icon?.Element;
+    const cellValue = cell?.() ?? '';
+    return (<td tabIndex={0} onDoubleClick={(e) => {
             const target = e.target;
             const range = new Range();
             range.selectNodeContents(target);
-            (_a = document.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
-            (_b = document.getSelection()) === null || _b === void 0 ? void 0 : _b.addRange(range);
+            document.getSelection()?.removeAllRanges();
+            document.getSelection()?.addRange(range);
         }} onKeyDown={(e) => {
             if (['Meta', 'Control', 'c'].includes(e.key)) {
                 e.stopPropagation();
             }
-        }} className={`flex box-border outline-0 px-1 py-px text-xs cursor-default flex-1 min-h-fit ${rowHeightClass !== null && rowHeightClass !== void 0 ? rowHeightClass : 'min-h-5'}`}>
-      {hasIcon && (<div className="h-full grid place-items-center min-w-[15px] pr-1">
-          {Boolean(showIcon) && IconElement && (<IconElement {...{
+        }} className={`max-w-40 relative box-border outline-0 px-1 py-px text-xs cursor-default flex-1 min-h-fit ${rowHeightClass ?? 'min-h-5'} ${isHighlighted ? 'dark:text-black' : 'dark:text-bright-gray'}`}>
+      {/* Vertical bar for some indication, styles can also be made dynamic.*/}
+      {hasVerticalBar && (<span style={{
+                backgroundColor: verticalBarColorHash,
+            }} className="absolute block top-0 bottom-0 left-0 w-1 h-full"/>)}
+      <div className="block absolute right-[-2px] cursor-ew-resize h-full w-2 z-50 top-0" data-column-resize-handle={accessorKey}/>
+      <div className="flex items-center">
+        {hasIcon && (<div className="h-full grid place-items-center min-w-[15px] pr-1">
+            {Boolean(showIcon) && IconElement && (<IconElement {...{
                 originalData: row.originalData,
             }}/>)}
-        </div>)}
-      <div className="truncate min-h-fit" title={typeof cellValue === 'string' ? cellValue : ''}>
-        {cellValue}
+          </div>)}
+        <div className="truncate min-h-fit w-full" title={typeof cellValue === 'string' ? cellValue : ''}>
+          {cellValue}
+        </div>
       </div>
-    </div>);
+    </td>);
 };
-exports.default = BodyCell;
+export default BodyCell;
 //# sourceMappingURL=bodyCell.jsx.map

package/dist/components/table/components/tableBody/bodyCell.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"bodyCell.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/tableBody/bodyCell.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAoB1B,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,cAAc,GACA,EAAE,EAAE;;IAClB,MAAM,WAAW,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,CAAC;IAClC,MAAM,SAAS,GAAG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,EAAI,mCAAI,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,GAAG,CACF,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAC3B,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;;YACnB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YACvC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;YAC1B,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YAEjC,MAAA,QAAQ,CAAC,YAAY,EAAE,0CAAE,eAAe,EAAE,CAAC;YAC3C,MAAA,QAAQ,CAAC,YAAY,EAAE,0CAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,gFACT,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,SACpB,EAAE,CAAC,CAEH;MAAA,CAAC,OAAO,IAAI,CACV,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAC/D;UAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,WAAW,IAAI,CACnC,CAAC,WAAW,CACV,IAAI;gBACF,YAAY,EAAE,GAAG,CAAC,YAAY;aAC/B,CAAC,EACF,CACH,CACH;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,oBAAoB,CAC9B,KAAK,CAAC,CAAC,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAEtD;QAAA,CAAC,SAAS,CACZ;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"bodyCell.jsx","sourceRoot":"","sources":["../../../../../src/components/table/components/tableBody/bodyCell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,MAAM,QAAQ,GAAG,CAAC,EAChB,IAAI,EACJ,GAAG,EACH,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,cAAc,EACd,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,oBAAoB,EACpB,aAAa,GAAG,KAAK,GACP,EAAE,EAAE;IAClB,MAAM,WAAW,GAAG,IAAI,EAAE,OAAO,CAAC;IAClC,MAAM,SAAS,GAAG,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC;IAEjC,OAAO,CACL,CAAC,EAAE,CACD,QAAQ,CAAC,CAAC,CAAC,CAAC,CACZ,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACnB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YACvC,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;YAC1B,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YACjC,QAAQ,CAAC,YAAY,EAAE,EAAE,eAAe,EAAE,CAAC;YAC3C,QAAQ,CAAC,YAAY,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC7C,CAAC,CAAC,eAAe,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CACF,SAAS,CAAC,CAAC,6FACT,cAAc,IAAI,SACpB,IAAI,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAElE;MAAA,CAAC,uEAAuE,CACxE;MAAA,CAAC,cAAc,IAAI,CACjB,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;gBACL,eAAe,EAAE,oBAAoB;aACtC,CAAC,CACF,SAAS,CAAC,iDAAiD,EAC3D,CACH,CACD;MAAA,CAAC,GAAG,CACF,SAAS,CAAC,oEAAoE,CAC9E,yBAAyB,CAAC,CAAC,WAAW,CAAC,EAEzC;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;QAAA,CAAC,OAAO,IAAI,CACV,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAC/D;YAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,WAAW,IAAI,CACnC,CAAC,WAAW,CACV,IAAI;gBACF,YAAY,EAAE,GAAG,CAAC,YAAY;aAC/B,CAAC,EACF,CACH,CACH;UAAA,EAAE,GAAG,CAAC,CACP,CACD;QAAA,CAAC,GAAG,CACF,SAAS,CAAC,2BAA2B,CACrC,KAAK,CAAC,CAAC,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAEtD;UAAA,CAAC,SAAS,CACZ;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,EAAE,CAAC,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/table/components/tableBody/bodyRow.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,87 +13,64 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+import React, { useEffect } from 'react';
+import classnames from 'classnames';
 /**
  * Internal dependencies.
  */
-const bodyCell_1 = __importDefault(require("./bodyCell"));
-const BodyRow = ({ row, columns, index, selectedKey, isRowFocused, getExtraClasses, hasVerticalBar, verticalBarColorHash, getRowObjectKey, onRowClick, onKeyDown, onRowContextMenu, rowHeightClass, }) => {
-    var _a;
+import BodyCell from './bodyCell';
+const BodyRow = ({ row, columns, index, selectedKey, isRowFocused, getExtraClasses, hasVerticalBar, verticalBarColorHash, getRowObjectKey, onRowClick, onKeyDown, onRowContextMenu, rowHeightClass, shouldScroll = false, }) => {
     const rowKey = getRowObjectKey(row);
-    const isHighlighted = (_a = row.originalData) === null || _a === void 0 ? void 0 : _a.highlighted;
-    const classes = (0, classnames_1.default)(rowKey !== selectedKey &&
+    const isHighlighted = row.originalData?.highlighted;
+    const scrollToHighlighted = row.originalData?.scrollToHighlighted;
+    const highlightedClass = (selected) => row.originalData?.highlightedClass?.(selected) ||
+        'bg-dirty-pink dark:text-black';
+    const classes = classnames(rowKey !== selectedKey &&
         (index % 2
             ? isHighlighted
-                ? 'bg-dirty-pink'
+                ? highlightedClass(false)
                 : 'bg-anti-flash-white dark:bg-charleston-green'
             : isHighlighted
-                ? 'bg-dirty-pink text-dirty-red dark:text-dirty-red text-dirty-red'
+                ? highlightedClass(false)
                 : 'bg-white dark:bg-raisin-black'), rowKey === selectedKey &&
         (isRowFocused
             ? isHighlighted
-                ? 'bg-dirty-red'
-                : 'bg-gainsboro dark:bg-outer-space'
+                ? `${highlightedClass(true)}`
+                : 'bg-lavender-sky text-black dark:bg-midnight-slate dark:text-chinese-silver'
             : isHighlighted
-                ? 'bg-dirty-pink text-dirty-red'
-                : 'bg-blueberry text-white dark:bg-medium-persian-blue dark:text-chinese-silver'));
+                ? `${highlightedClass(true)}`
+                : 'bg-silver-mist text-black dark:bg-dark-graphite dark:text-chinese-silver'));
     const extraClasses = getExtraClasses();
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (isHighlighted) {
+    useEffect(() => {
+        if (isHighlighted && scrollToHighlighted) {
+            const element = document.getElementById(index.toString());
+            element?.scrollIntoView?.({
+                behavior: 'smooth',
+                block: 'center',
+                inline: 'start',
+            });
+        }
+    }, [index, isHighlighted, scrollToHighlighted]);
+    useEffect(() => {
+        if (shouldScroll) {
             const element = document.getElementById(index.toString());
-            (_a = element === null || element === void 0 ? void 0 : element.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(element, {
+            element?.scrollIntoView?.({
                 behavior: 'smooth',
                 block: 'center',
                 inline: 'start',
             });
         }
-    }, [index, isHighlighted]);
-    return (<div id={index.toString()} className={(0, classnames_1.default)('outline-0 flex divide-x divide-american-silver dark:divide-quartz relative', {
+    }, [index, shouldScroll]);
+    return (<tr id={index.toString()} className={classnames('outline-0 divide-x divide-american-silver dark:divide-quartz relative', {
             [classes]: extraClasses.length === 0,
         }, {
             [extraClasses]: extraClasses.length > 0,
         })} onClick={onRowClick} onKeyDown={(e) => onKeyDown(e, index)} onContextMenu={(e) => onRowContextMenu(e, row)} data-testid="body-row">
-      {/* Vertical bar for for some indication, styles can also be made dynamic.*/}
-      {hasVerticalBar && (<span style={{
-                backgroundColor: verticalBarColorHash,
-            }} className="absolute block top-0 bottom-0 left-0 w-1 h-full"/>)}
-      {columns.map(({ accessorKey, width, enableBodyCellPrefixIcon, showBodyCellPrefixIcon, bodyCellPrefixIcon, }, idx) => {
-            var _a;
-            return (<bodyCell_1.default key={idx} onRowClick={onRowClick} cell={(_a = row[accessorKey]) === null || _a === void 0 ? void 0 : _a.value} width={width || 0} row={row} hasIcon={enableBodyCellPrefixIcon} showIcon={showBodyCellPrefixIcon ? showBodyCellPrefixIcon(row) : false} icon={bodyCellPrefixIcon !== null && bodyCellPrefixIcon !== void 0 ? bodyCellPrefixIcon : undefined} rowHeightClass={rowHeightClass}/>);
-        })}
-    </div>);
+      {columns.map(({ accessorKey, enableBodyCellPrefixIcon, showBodyCellPrefixIcon, bodyCellPrefixIcon, }, idx) => (<BodyCell key={idx} onRowClick={onRowClick} cell={row[accessorKey]?.value} row={row} hasIcon={enableBodyCellPrefixIcon} showIcon={showBodyCellPrefixIcon ? showBodyCellPrefixIcon(row) : false} icon={bodyCellPrefixIcon ?? undefined} rowHeightClass={rowHeightClass} accessorKey={accessorKey} hasVerticalBar={idx === 0 && hasVerticalBar} verticalBarColorHash={verticalBarColorHash} isHighlighted={isHighlighted}/>))}
+    </tr>);
 };
-exports.default = BodyRow;
+export default BodyRow;
 //# sourceMappingURL=bodyRow.jsx.map

package/dist/components/table/components/tableBody/bodyRow.jsx.map

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

package/dist/components/table/components/tableBody/index.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,44 +13,17 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
+import React, { memo, useCallback, useRef } from 'react';
 /**
  * Internal dependencies.
  */
-const bodyRow_1 = __importDefault(require("./bodyRow"));
-const useTable_1 = require("../../useTable");
-const TableBody = ({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass, }) => {
-    const { rows, columns, onRowClick, onRowContextMenu, getRowObjectKey, conditionalTableRowClassesHandler, hasVerticalBar, getVerticalBarColorHash, } = (0, useTable_1.useTable)(({ state, actions }) => ({
+import BodyRow from './bodyRow';
+import { useTable } from '../../useTable';
+const TableBody = ({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass, shouldScroll = false, }) => {
+    const { rows, columns, onRowClick, onRowContextMenu, getRowObjectKey, conditionalTableRowClassesHandler, hasVerticalBar, getVerticalBarColorHash, isResizing, } = useTable(({ state, actions }) => ({
         rows: state.rows,
         columns: state.columns,
         onRowClick: actions.onRowClick,
@@ -60,22 +32,25 @@ const TableBody = ({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass,
         conditionalTableRowClassesHandler: actions.conditionalTableRowClassesHandler,
         hasVerticalBar: actions.hasVerticalBar,
         getVerticalBarColorHash: actions.getVerticalBarColorHash,
+        isResizing: state.isResizing,
     }));
-    const tableBodyRef = (0, react_1.useRef)(null);
-    const handleKeyDown = (0, react_1.useCallback)((event, index) => {
-        var _a;
+    const tableBodyRef = useRef(null);
+    const handleKeyDown = useCallback((event, index) => {
         event.preventDefault();
         //@ts-ignore - the `children` property will be available on the `current` property.
-        const currentRow = (_a = tableBodyRef.current) === null || _a === void 0 ? void 0 : _a.children.namedItem(index);
+        const currentRow = tableBodyRef.current?.children.namedItem(index);
+        if (!currentRow) {
+            return;
+        }
         let newRowId;
         let rowElement = null;
         if (event.key === 'ArrowUp') {
-            rowElement = currentRow === null || currentRow === void 0 ? void 0 : currentRow.previousElementSibling;
-            newRowId = rowElement === null || rowElement === void 0 ? void 0 : rowElement.id;
+            rowElement = currentRow?.previousElementSibling;
+            newRowId = rowElement?.id;
         }
         else if (event.key === 'ArrowDown') {
-            rowElement = currentRow === null || currentRow === void 0 ? void 0 : currentRow.nextElementSibling;
-            newRowId = rowElement === null || rowElement === void 0 ? void 0 : rowElement.id;
+            rowElement = currentRow?.nextElementSibling;
+            newRowId = rowElement?.id;
             if (rows.length === index + 1) {
                 return;
             }
@@ -91,28 +66,32 @@ const TableBody = ({ isRowFocused, setIsRowFocused, selectedKey, rowHeightClass,
         }
         const newRow = rows.find((_, idx) => idx.toString() === newRowId);
         if (newRow) {
-            onRowClick(newRow === null || newRow === void 0 ? void 0 : newRow.originalData);
+            onRowClick(newRow?.originalData);
         }
     }, [onRowClick, rows]);
-    return (<div ref={tableBodyRef} className="h-full flex flex-col overflow-x-hidden overflow-y-auto">
-      {rows.map((row, index) => {
-            var _a, _b;
-            return (<bodyRow_1.default key={index} index={index} row={row} columns={columns} selectedKey={selectedKey} isRowFocused={isRowFocused} getExtraClasses={() => {
-                    var _a;
-                    return ((_a = conditionalTableRowClassesHandler === null || conditionalTableRowClassesHandler === void 0 ? void 0 : conditionalTableRowClassesHandler(row, isRowFocused, index)) !== null && _a !== void 0 ? _a : '');
-                }} hasVerticalBar={(_a = hasVerticalBar === null || hasVerticalBar === void 0 ? void 0 : hasVerticalBar(row)) !== null && _a !== void 0 ? _a : false} verticalBarColorHash={(_b = getVerticalBarColorHash === null || getVerticalBarColorHash === void 0 ? void 0 : getVerticalBarColorHash(row)) !== null && _b !== void 0 ? _b : ''} getRowObjectKey={getRowObjectKey} onRowClick={() => {
-                    onRowClick(row === null || row === void 0 ? void 0 : row.originalData);
-                    setIsRowFocused(true);
-                }} onKeyDown={handleKeyDown} onRowContextMenu={onRowContextMenu} rowHeightClass={rowHeightClass}/>);
-        })}
-      <div className="grow outline-0 flex divide-x divide-american-silver dark:divide-quartz" onClick={() => {
+    return (<tbody ref={tableBodyRef} className="h-full overflow-hidden">
+      {rows.map((row, index) => (<BodyRow shouldScroll={shouldScroll && rows.length - 1 === index} key={index} index={index} row={row} columns={columns} selectedKey={selectedKey} isRowFocused={isRowFocused} getExtraClasses={() => {
+                return (conditionalTableRowClassesHandler?.(row, isRowFocused, index) ??
+                    '');
+            }} hasVerticalBar={hasVerticalBar?.(row) ?? false} verticalBarColorHash={getVerticalBarColorHash?.(row) ?? ''} getRowObjectKey={getRowObjectKey} onRowClick={() => {
+                if (isResizing) {
+                    return;
+                }
+                onRowClick(row?.originalData);
+                setIsRowFocused(true);
+            }} onKeyDown={handleKeyDown} onRowContextMenu={onRowContextMenu} rowHeightClass={rowHeightClass}/>))}
+
+      <tr className="outline-0 divide-x divide-american-silver dark:divide-quartz" onClick={() => {
+            if (isResizing) {
+                return;
+            }
             setIsRowFocused(false);
         }}>
-        {columns.map(({ width }, index) => (<div key={index} className="px-1 py-px outline-0 h-full flex-1" style={{
-                minWidth: width,
-            }}/>))}
-      </div>
-    </div>);
+        {columns.map((_, index) => (<td key={index} className="px-1 py-px outline-0 h-full relative">
+            <div className="absolute right-[-2px] cursor-ew-resize h-full w-2 z-50 top-0" data-column-resize-handle={columns[index].accessorKey}/>
+          </td>))}
+      </tr>
+    </tbody>);
 };
-exports.default = TableBody;
+export default memo(TableBody);
 //# sourceMappingURL=index.jsx.map

package/dist/components/table/components/tableBody/index.jsx.map

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