11import React , { useState , useEffect } from "react" ;
22import "./EnhancedTable.scss" ;
3- import { headerStyles , inputStyles , sortableHeaderStyles , tableWrapperStyles } from "./TableStyles" ;
43import SvgSymbol from "../SvgSymbol/SvgSymbol" ;
4+ import { headerStyles , inputStyles , sortableHeaderStyles , tableWrapperStyles } from "./TableStyles" ;
55
66/**
77 * Custom hook for debouncing values
@@ -28,13 +28,13 @@ const useDebounce = (value, delay = 300) => {
2828/**
2929 * A simple search filter component for react-table
3030 */
31- export const SearchFilter = ( {
32- value,
33- onChange,
34- placeholder,
35- inputClassName = "" ,
36- onClear,
37- type = "text"
31+ export const SearchFilter = ( {
32+ value,
33+ onChange,
34+ placeholder,
35+ inputClassName = "" ,
36+ onClear,
37+ type = "text" ,
3838} ) => {
3939 const [ localValue , setLocalValue ] = useState ( value || "" ) ;
4040 const debouncedValue = useDebounce ( localValue , 1000 ) ;
@@ -143,7 +143,9 @@ export const renderTableHeader = (headerGroups, props) => {
143143 >
144144 < span
145145 className = "mr-truncate mr-flex-1"
146- title = { typeof column . render ( "Header" ) === 'string' ? column . render ( "Header" ) : '' }
146+ title = {
147+ typeof column . render ( "Header" ) === "string" ? column . render ( "Header" ) : ""
148+ }
147149 >
148150 { column . render ( "Header" ) }
149151 </ span >
@@ -212,10 +214,7 @@ export const renderTableHeader = (headerGroups, props) => {
212214 * A table wrapper component that adds horizontal scrolling
213215 */
214216export const TableWrapper = ( { children, className = "" } ) => (
215- < div
216- className = { `${ tableWrapperStyles } ${ className } ` }
217- style = { { overflowX : "auto" } }
218- >
217+ < div className = { `${ tableWrapperStyles } ${ className } ` } style = { { overflowX : "auto" } } >
219218 < div className = "mr-inline-block mr-min-w-full" > { children } </ div >
220219 </ div >
221220) ;
@@ -252,4 +251,4 @@ export const renderTableCell = (cell, row, cellIndex, options = {}) => {
252251 </ div >
253252 </ td >
254253 ) ;
255- } ;
254+ } ;
0 commit comments