From fc11d6d87707aae08ad0cddba584d37868dc58bc Mon Sep 17 00:00:00 2001 From: John Betancur Date: Thu, 23 Sep 2021 10:01:54 -0400 Subject: [PATCH] add tooltips | fix data render --- package.json | 10 +-- src/DataTable/DataTable.tsx | 3 +- src/DataTable/TableCol.tsx | 14 ++- .../__snapshots__/DataTable.test.tsx.snap | 89 ------------------- yarn.lock | 84 ++++++----------- 5 files changed, 44 insertions(+), 156 deletions(-) diff --git a/package.json b/package.json index dff2a3fa..11a09c23 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "react-data-table-component", - "version": "7.2.1", + "version": "7.3.0", "description": "A simple to use declarative react based data table", "main": "dist/index.cjs.js", "module": "dist/index.es.js", @@ -50,14 +50,14 @@ "@storybook/theming": "^6.3.8", "@testing-library/react": "^12.1.0", "@types/faker": "^5.5.8", - "@types/jest": "^27.0.1", + "@types/jest": "^27.0.2", "@types/lodash-es": "^4.17.5", "@types/lodash.orderby": "^4.6.6", - "@types/node": "^16.9.1", - "@types/react": "^17.0.20", + "@types/node": "^16.9.6", + "@types/react": "^17.0.24", "@types/react-dom": "^17.0.9", "@types/styled-components": "^5.1.14", - "@typescript-eslint/eslint-plugin": "^4.31.1", + "@typescript-eslint/eslint-plugin": "^4.31.2", "@typescript-eslint/parser": "^4.31.2", "axios": "^0.21.4", "babel-eslint": "^10.1.0", diff --git a/src/DataTable/DataTable.tsx b/src/DataTable/DataTable.tsx index f1b06ab9..76544279 100644 --- a/src/DataTable/DataTable.tsx +++ b/src/DataTable/DataTable.tsx @@ -278,10 +278,11 @@ function DataTable(props: TableProps): JSX.Element { } }, [paginationTotalRows]); + // handle updating data and persisting sort state when data changes after initial re-render useDidUpdateEffect(() => { dispatch({ type: 'UPDATE_ROWS', - rows: setRowData(data, defaultSortColumn?.selector, defaultSortDirection, sortServer, sortFunction), + rows: setRowData(data, selectedColumn?.selector, sortDirection, sortServer, sortFunction), }); }, [data]); diff --git a/src/DataTable/TableCol.tsx b/src/DataTable/TableCol.tsx index eb0828fc..56a22744 100644 --- a/src/DataTable/TableCol.tsx +++ b/src/DataTable/TableCol.tsx @@ -59,7 +59,6 @@ const sortableCSS = css` const ColumnSortable = styled.div` align-items: center; height: 100%; - line-height: 1.5; outline: none; user-select: none; display: inline-flex; @@ -125,6 +124,15 @@ function TableCol({ // eslint-disable-next-line react-hooks/exhaustive-deps }, []); + const [showTooltip, setShowTooltip] = React.useState(false); + const columnRef = React.useRef(null); + + React.useEffect(() => { + if (columnRef.current) { + setShowTooltip(columnRef.current.scrollWidth > columnRef.current.clientWidth); + } + }, [showTooltip]); + if (column.omit) { return null; } @@ -223,7 +231,9 @@ function TableCol({ {!disabled && nativeSortIconRight && renderNativeSortIcon(sortActive)} {typeof column.name === 'string' ? ( - {column.name} + + {column.name} + ) : ( column.name )} diff --git a/src/DataTable/__tests__/__snapshots__/DataTable.test.tsx.snap b/src/DataTable/__tests__/__snapshots__/DataTable.test.tsx.snap index 5940db73..2097666a 100644 --- a/src/DataTable/__tests__/__snapshots__/DataTable.test.tsx.snap +++ b/src/DataTable/__tests__/__snapshots__/DataTable.test.tsx.snap @@ -133,7 +133,6 @@ exports[`DataTable::Header header should not display with no title 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -1253,7 +1252,6 @@ exports[`DataTable::Header should render without a header if noHeader is true 1` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -1649,7 +1647,6 @@ exports[`DataTable::Pagination should change the page position when using pagina -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -2218,7 +2215,6 @@ exports[`DataTable::Pagination should have the correct amount of rows when pagin -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -2467,7 +2463,6 @@ exports[`DataTable::Pagination should have the correct amount of rows when pagin -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -2716,7 +2711,6 @@ exports[`DataTable::Pagination should have the correct amount of rows when pagin -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -2965,7 +2959,6 @@ exports[`DataTable::Pagination should have the correct amount of rows when pagin -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -3227,7 +3220,6 @@ exports[`DataTable::Pagination should navigate to page 1 if the table is sorted -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -3527,7 +3519,6 @@ exports[`DataTable::Pagination should recalculate pagination position if there i -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -3776,7 +3767,6 @@ exports[`DataTable::Pagination should render correctly if pagination is enabled -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -4044,7 +4034,6 @@ exports[`DataTable::Pagination should render correctly when a paginationComponen -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -4312,7 +4301,6 @@ exports[`DataTable::Pagination should render correctly when a paginationComponen -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -4580,7 +4568,6 @@ exports[`DataTable::Pagination should render correctly when a paginationComponen -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -4848,7 +4835,6 @@ exports[`DataTable::Pagination should render correctly when a paginationComponen -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -5116,7 +5102,6 @@ exports[`DataTable::Pagination should render correctly when paginationResetDefau -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -5365,7 +5350,6 @@ exports[`DataTable::Theming should render correctly when a custom style is appli -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -5633,7 +5617,6 @@ exports[`DataTable::column.style should render correctly when a style is set on -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -5901,7 +5884,6 @@ exports[`DataTable::columns should render correctly if column.center 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -6165,7 +6147,6 @@ exports[`DataTable::columns should render correctly if column.hide is an integer -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -6435,7 +6416,6 @@ exports[`DataTable::columns should render correctly if column.hide lg 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -6705,7 +6685,6 @@ exports[`DataTable::columns should render correctly if column.hide md 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -6975,7 +6954,6 @@ exports[`DataTable::columns should render correctly if column.hide sm 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -7245,7 +7223,6 @@ exports[`DataTable::columns should render correctly if column.maxWidth 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -7509,7 +7486,6 @@ exports[`DataTable::columns should render correctly if column.minWidth 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -7773,7 +7749,6 @@ exports[`DataTable::columns should render correctly if column.omit is true 1`] = -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -8041,7 +8016,6 @@ exports[`DataTable::columns should render correctly if column.right 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -8307,7 +8281,6 @@ exports[`DataTable::columns should render correctly if column.width 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -8574,7 +8547,6 @@ exports[`DataTable::columns should render correctly when column.allowOverflow = -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -8847,7 +8819,6 @@ exports[`DataTable::columns should render correctly when column.button = true 1` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -9099,7 +9070,6 @@ exports[`DataTable::columns should render correctly when column.cell is set to a -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -9360,7 +9330,6 @@ exports[`DataTable::columns should render correctly when column.compact = true 1 -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -9637,7 +9606,6 @@ exports[`DataTable::columns should render correctly when column.sortable = true -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -9957,7 +9925,6 @@ exports[`DataTable::columns should render correctly when column.wrap = true 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -10221,7 +10188,6 @@ exports[`DataTable::columns should render correctly when ignoreRowClick = true 1 -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -10479,7 +10445,6 @@ exports[`DataTable::columns should render correctly with columns/data 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -10743,7 +10708,6 @@ exports[`DataTable::conditionalCellStyles should render correctly when condition -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -11008,7 +10972,6 @@ exports[`DataTable::conditionalCellStyles should render correctly when condition -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -11272,7 +11235,6 @@ exports[`DataTable::conditionalCellStyles should render correctly when condition -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -11537,7 +11499,6 @@ exports[`DataTable::conditionalCellStyles should render correctly when condition -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -11801,7 +11762,6 @@ exports[`DataTable::conditionalRowStyles should render correctly when conditiona -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -12065,7 +12025,6 @@ exports[`DataTable::conditionalRowStyles should render correctly when conditiona -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -12330,7 +12289,6 @@ exports[`DataTable::conditionalRowStyles should render correctly when conditiona -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -12596,7 +12554,6 @@ exports[`DataTable::dense should render correctly when dense 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -12860,7 +12817,6 @@ exports[`DataTable::direction should render correctly when direction is auto 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -13128,7 +13084,6 @@ exports[`DataTable::direction should render correctly when direction is ltr 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -13397,7 +13352,6 @@ exports[`DataTable::direction should render correctly when direction is rtl 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -13721,7 +13675,6 @@ exports[`DataTable::direction should render correctly when direction is rtl when -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -14122,7 +14075,6 @@ exports[`DataTable::expandableRows should expand a row if expandableRows is true -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -14549,7 +14501,6 @@ exports[`DataTable::expandableRows should expand a row if expandableRows is true -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -14996,7 +14947,6 @@ exports[`DataTable::expandableRows should not expand a row if the expander row i -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -15327,7 +15277,6 @@ exports[`DataTable::expandableRows should not render expandableRows expandableRo -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -15646,7 +15595,6 @@ exports[`DataTable::expandableRows should render correctly when expandableRowExp -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -16042,7 +15990,6 @@ exports[`DataTable::expandableRows should render correctly when expandableRowExp -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -16458,7 +16405,6 @@ exports[`DataTable::expandableRows should render correctly when expandableRows i -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -16870,7 +16816,6 @@ exports[`DataTable::expandableRows should render correctly when expandableRows i -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -17211,7 +17156,6 @@ exports[`DataTable::expandableRows should render correctly when expandableRowsHi -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -17480,7 +17424,6 @@ exports[`DataTable::fixedHeader should render correctly when fixedHeader 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -17751,7 +17694,6 @@ exports[`DataTable::fixedHeader should render correctly when fixedHeader and fix -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -18030,7 +17972,6 @@ exports[`DataTable::highlightOnHover should render correctly when highlightOnHov -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -18298,7 +18239,6 @@ exports[`DataTable::pointerOnHover should render correctly when pointerOnHover 1 -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -18969,7 +18909,6 @@ exports[`DataTable::progress/nodata when persistTableHead should disable TableHe -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -19160,7 +19099,6 @@ exports[`DataTable::progress/nodata when persistTableHead should disable TableHe -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -19352,7 +19290,6 @@ exports[`DataTable::progress/nodata when persistTableHead should only Loading an -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -19594,7 +19531,6 @@ exports[`DataTable::responsive should render correctly responsive by default 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -19858,7 +19794,6 @@ exports[`DataTable::responsive should render correctly when responsive=false 1`] -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -20157,7 +20092,6 @@ exports[`DataTable::selectableRows should not render a select all checkbox when -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -20483,7 +20417,6 @@ exports[`DataTable::selectableRows should only select a single row when and a ro -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -20826,7 +20759,6 @@ exports[`DataTable::selectableRows should render correctly when selectableRows i -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -21228,7 +21160,6 @@ exports[`DataTable::selectableRows should render correctly when selectableRowsHi -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -21555,7 +21486,6 @@ exports[`DataTable::sorting a custom column sorting function is used 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -21883,7 +21813,6 @@ exports[`DataTable::sorting should render correctly and bypass internal sort whe -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -22211,7 +22140,6 @@ exports[`DataTable::sorting should render correctly and bypass internal sort whe -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -22526,7 +22454,6 @@ exports[`DataTable::sorting should render correctly and not be sorted when a col -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -22803,7 +22730,6 @@ exports[`DataTable::sorting should render correctly when a column is sorted from -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -23131,7 +23057,6 @@ exports[`DataTable::sorting should render correctly when a column is sorted in d -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -23446,7 +23371,6 @@ exports[`DataTable::sorting should render correctly with a custom sortIcon 1`] = -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -23772,7 +23696,6 @@ exports[`DataTable::sorting should render correctly with a custom sortIcon and c -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -24111,7 +24034,6 @@ exports[`DataTable::sorting should render correctly with a default sort field an -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -24444,7 +24366,6 @@ exports[`DataTable::sorting should render correctly with a default sort field an -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -24780,7 +24701,6 @@ exports[`DataTable::sorting should render correctly with a defaultSortAsc = fals -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -25116,7 +25036,6 @@ exports[`DataTable::sorting should sort if the column is selected and the Enter -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -25460,7 +25379,6 @@ exports[`DataTable::striped should render correctly when striped 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -25899,7 +25817,6 @@ exports[`data prop changes should update state if the data prop changes 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -26475,7 +26392,6 @@ exports[`should render correctly when conditionalRowStyles is used with an expan -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -26899,7 +26815,6 @@ exports[`should render correctly when conditionalRowStyles is used with an expan -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -27240,7 +27155,6 @@ exports[`should render correctly when conditionalRowStyles with classNames is us -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -27506,7 +27420,6 @@ exports[`should render correctly when disabled 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -27771,7 +27684,6 @@ exports[`should render the correctly when using selector function 1`] = ` -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; @@ -28016,7 +27928,6 @@ exports[`should render the correctly when using selector function and a format f -ms-flex-align: center; align-items: center; height: 100%; - line-height: 1.5; outline: none; -webkit-user-select: none; -moz-user-select: none; diff --git a/yarn.lock b/yarn.lock index 5eae6969..ea361b81 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3075,10 +3075,10 @@ dependencies: "@types/istanbul-lib-report" "*" -"@types/jest@^27.0.1": - version "27.0.1" - resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.0.1.tgz#fafcc997da0135865311bb1215ba16dba6bdf4ca" - integrity sha512-HTLpVXHrY69556ozYkcq47TtQJXpcWAWfkoqz+ZGz2JnmZhzlRjprCIyFnetSy8gpDWwTTGBcRVv1J1I1vBrHw== +"@types/jest@^27.0.2": + version "27.0.2" + resolved "https://registry.yarnpkg.com/@types/jest/-/jest-27.0.2.tgz#ac383c4d4aaddd29bbf2b916d8d105c304a5fcd7" + integrity sha512-4dRxkS/AFX0c5XW6IPMNOydLn2tEhNhJV7DnYK+0bjoJZ+QTmfucBlihX7aoEsh/ocYtkLC73UbnBXBXIxsULA== dependencies: jest-diff "^27.0.0" pretty-format "^27.0.0" @@ -3156,10 +3156,10 @@ resolved "https://registry.yarnpkg.com/@types/node/-/node-14.14.41.tgz#d0b939d94c1d7bd53d04824af45f1139b8c45615" integrity sha512-dueRKfaJL4RTtSa7bWeTK1M+VH+Gns73oCgzvYfHZywRCoPSd8EkXBL0mZ9unPTveBn+D9phZBaxuzpwjWkW0g== -"@types/node@^16.9.1": - version "16.9.1" - resolved "https://registry.yarnpkg.com/@types/node/-/node-16.9.1.tgz#0611b37db4246c937feef529ddcc018cf8e35708" - integrity sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g== +"@types/node@^16.9.6": + version "16.9.6" + resolved "https://registry.yarnpkg.com/@types/node/-/node-16.9.6.tgz#040a64d7faf9e5d9e940357125f0963012e66f04" + integrity sha512-YHUZhBOMTM3mjFkXVcK+WwAcYmyhe1wL4lfqNtzI0b3qAy7yuSetnM7QJazgE5PFmgVTNGiLOgRFfJMqW7XpSQ== "@types/normalize-package-data@^2.4.0": version "2.4.0" @@ -3243,10 +3243,10 @@ "@types/scheduler" "*" csstype "^3.0.2" -"@types/react@^17.0.20": - version "17.0.20" - resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.20.tgz#a4284b184d47975c71658cd69e759b6bd37c3b8c" - integrity sha512-wWZrPlihslrPpcKyCSlmIlruakxr57/buQN1RjlIeaaTWDLtJkTtRW429MoQJergvVKc4IWBpRhWw7YNh/7GVA== +"@types/react@^17.0.24": + version "17.0.24" + resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.24.tgz#7e1b3f78d0fc53782543f9bce6d949959a5880bd" + integrity sha512-eIpyco99gTH+FTI3J7Oi/OH8MZoFMJuztNRimDOJwH4iGIsKV2qkGnk4M9VzlaVWeEEWLWSQRy0FEA0Kz218cg== dependencies: "@types/prop-types" "*" "@types/scheduler" "*" @@ -3350,28 +3350,28 @@ dependencies: "@types/yargs-parser" "*" -"@typescript-eslint/eslint-plugin@^4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.31.1.tgz#e938603a136f01dcabeece069da5fb2e331d4498" - integrity sha512-UDqhWmd5i0TvPLmbK5xY3UZB0zEGseF+DHPghZ37Sb83Qd3p8ujhvAtkU4OF46Ka5Pm5kWvFIx0cCTBFKo0alA== +"@typescript-eslint/eslint-plugin@^4.31.2": + version "4.31.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.31.2.tgz#9f41efaee32cdab7ace94b15bd19b756dd099b0a" + integrity sha512-w63SCQ4bIwWN/+3FxzpnWrDjQRXVEGiTt9tJTRptRXeFvdZc/wLiz3FQUwNQ2CVoRGI6KUWMNUj/pk63noUfcA== dependencies: - "@typescript-eslint/experimental-utils" "4.31.1" - "@typescript-eslint/scope-manager" "4.31.1" + "@typescript-eslint/experimental-utils" "4.31.2" + "@typescript-eslint/scope-manager" "4.31.2" debug "^4.3.1" functional-red-black-tree "^1.0.1" regexpp "^3.1.0" semver "^7.3.5" tsutils "^3.21.0" -"@typescript-eslint/experimental-utils@4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.31.1.tgz#0c900f832f270b88e13e51753647b02d08371ce5" - integrity sha512-NtoPsqmcSsWty0mcL5nTZXMf7Ei0Xr2MT8jWjXMVgRK0/1qeQ2jZzLFUh4QtyJ4+/lPUyMw5cSfeeME+Zrtp9Q== +"@typescript-eslint/experimental-utils@4.31.2": + version "4.31.2" + resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.31.2.tgz#98727a9c1e977dd5d20c8705e69cd3c2a86553fa" + integrity sha512-3tm2T4nyA970yQ6R3JZV9l0yilE2FedYg8dcXrTar34zC9r6JB7WyBQbpIVongKPlhEMjhQ01qkwrzWy38Bk1Q== dependencies: "@types/json-schema" "^7.0.7" - "@typescript-eslint/scope-manager" "4.31.1" - "@typescript-eslint/types" "4.31.1" - "@typescript-eslint/typescript-estree" "4.31.1" + "@typescript-eslint/scope-manager" "4.31.2" + "@typescript-eslint/types" "4.31.2" + "@typescript-eslint/typescript-estree" "4.31.2" eslint-scope "^5.1.1" eslint-utils "^3.0.0" @@ -3405,14 +3405,6 @@ "@typescript-eslint/types" "4.22.0" "@typescript-eslint/visitor-keys" "4.22.0" -"@typescript-eslint/scope-manager@4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.31.1.tgz#0c21e8501f608d6a25c842fcf59541ef4f1ab561" - integrity sha512-N1Uhn6SqNtU2XpFSkD4oA+F0PfKdWHyr4bTX0xTj8NRx1314gBDRL1LUuZd5+L3oP+wo6hCbZpaa1in6SwMcVQ== - dependencies: - "@typescript-eslint/types" "4.31.1" - "@typescript-eslint/visitor-keys" "4.31.1" - "@typescript-eslint/scope-manager@4.31.2": version "4.31.2" resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.31.2.tgz#1d528cb3ed3bcd88019c20a57c18b897b073923a" @@ -3426,11 +3418,6 @@ resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.22.0.tgz#0ca6fde5b68daf6dba133f30959cc0688c8dd0b6" integrity sha512-sW/BiXmmyMqDPO2kpOhSy2Py5w6KvRRsKZnV0c4+0nr4GIcedJwXAq+RHNK4lLVEZAJYFltnnk1tJSlbeS9lYA== -"@typescript-eslint/types@4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.31.1.tgz#5f255b695627a13401d2fdba5f7138bc79450d66" - integrity sha512-kixltt51ZJGKENNW88IY5MYqTBA8FR0Md8QdGbJD2pKZ+D5IvxjTYDNtJPDxFBiXmka2aJsITdB1BtO1fsgmsQ== - "@typescript-eslint/types@4.31.2": version "4.31.2" resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.31.2.tgz#2aea7177d6d744521a168ed4668eddbd912dfadf" @@ -3449,19 +3436,6 @@ semver "^7.3.2" tsutils "^3.17.1" -"@typescript-eslint/typescript-estree@4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.31.1.tgz#4a04d5232cf1031232b7124a9c0310b577a62d17" - integrity sha512-EGHkbsUvjFrvRnusk6yFGqrqMBTue5E5ROnS5puj3laGQPasVUgwhrxfcgkdHNFECHAewpvELE1Gjv0XO3mdWg== - dependencies: - "@typescript-eslint/types" "4.31.1" - "@typescript-eslint/visitor-keys" "4.31.1" - debug "^4.3.1" - globby "^11.0.3" - is-glob "^4.0.1" - semver "^7.3.5" - tsutils "^3.21.0" - "@typescript-eslint/typescript-estree@4.31.2": version "4.31.2" resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.31.2.tgz#abfd50594d8056b37e7428df3b2d185ef2d0060c" @@ -3483,14 +3457,6 @@ "@typescript-eslint/types" "4.22.0" eslint-visitor-keys "^2.0.0" -"@typescript-eslint/visitor-keys@4.31.1": - version "4.31.1" - resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.31.1.tgz#f2e7a14c7f20c4ae07d7fc3c5878c4441a1da9cc" - integrity sha512-PCncP8hEqKw6SOJY+3St4LVtoZpPPn+Zlpm7KW5xnviMhdqcsBty4Lsg4J/VECpJjw1CkROaZhH4B8M1OfnXTQ== - dependencies: - "@typescript-eslint/types" "4.31.1" - eslint-visitor-keys "^2.0.0" - "@typescript-eslint/visitor-keys@4.31.2": version "4.31.2" resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.31.2.tgz#7d5b4a4705db7fe59ecffb273c1d082760f635cc"