#870 - Add PivotTableRenderer to bold

src/components/PivotTable/Droppable/Droppable.tsx

@@ -150,7 +150,8 @@ export function Droppable<T extends object>(props: DroppableProps<T>) {
           )
         }
       }),
-    [keyState, accept, filter, keyMapping, name, onKeyNav, deleteByKey]
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [keyState, accept, keyMapping, name, filter, onKeyNav, deleteByKey]
   )
 
   const hasKeys = keyState.length > 0

src/components/PivotTable/PivotTableCell/PivotTableCell.stories.tsx

@@ -31,7 +31,7 @@ export const AllTypes = () => {
   ]
 
   return (
-    <PivotTableProvider value={{ maxValue, suffix: '' }}>
+    <PivotTableProvider maxValue={maxValue} suffix={''}>
       <HFlow hSpacing={0}>
         {cellsTypeAndContent.map(({ type, content }, idx) => {
           const types = new Set([type])
@@ -63,7 +63,7 @@ export const EditableType = () => {
   const typeEnumValue = select('type', Object.keys(PivotTableCellType), PivotTableCellType.VALUE)
 
   return (
-    <PivotTableProvider value={{ maxValue, suffix: text('suffix', suffix) }}>
+    <PivotTableProvider maxValue={maxValue} suffix={text('suffix', suffix)}>
       <HFlow hSpacing={0}>
         <PivotTableCell
           types={new Set([PivotTableCellType[typeEnumValue]])}

src/components/PivotTable/PivotTableCell/PivotTableCell.test.tsx

@@ -10,7 +10,7 @@ import { PivotTableCellType } from './model'
 
 const createComponent = ({ maxValue, suffix }: PivotTableContextType, props: PivotTableCellProps) => {
   return (
-    <PivotTableProvider value={{ maxValue, suffix }}>
+    <PivotTableProvider maxValue={maxValue} suffix={suffix}>
       <PivotTableCell {...props} />
     </PivotTableProvider>
   )

src/components/PivotTable/PivotTableCell/PivotTableProvider.tsx

@@ -11,15 +11,16 @@ export interface PivotTableContextType {
   suffix?: string
 }
 
-interface PivotTableProvider {
-  value: PivotTableContextType
+interface PivotTableProvider extends PivotTableContextType {
   children: React.ReactNode
 }
 
 export const PivotTableContext = React.createContext<PivotTableContextType>(undefined)
 
 export const PivotTableProvider = (props: PivotTableProvider) => {
-  const { children, value } = props
+  const { children, maxValue, suffix } = props
 
-  return <PivotTableContext.Provider value={value}>{children}</PivotTableContext.Provider>
+  return (
+    <PivotTableContext.Provider value={{ maxValue: maxValue, suffix: suffix }}>{children}</PivotTableContext.Provider>
+  )
 }