hunk.code_window: export const TABLE_SIZES: { [key: string]: TableSizes } = {
     [CompactModeTypes.DEFAULT]: {
       COLUMN_HEADER_HEIGHT: 38,
       TABLE_HEADER_HEIGHT: 45,
       ROW_HEIGHT: 40,
  
hunk.labels: keep keep keep keep replace keep
hunk.after_edit:     TABLE_HEADER_HEIGHT: 42,
  
hunk.file_path: app/client/src/widgets/TableWidget.tsx
hunk.type: replace
file: import generate from "nanoid/generate";
  
  const ALPHANUMERIC = "1234567890abcdefghijklmnopqrstuvwxyz";
  // const ALPHABET = "abcdefghijklmnopqrstuvwxyz";
  
  export const generateReactKey = ({
    prefix = "",
  }: { prefix?: string } = {}): string => {
    return prefix + generate(ALPHANUMERIC, 10);
  };
  
  // Before you change how this works
  // This className is used for the following:
  // 1. Resize bounds
  // 2. Property pane reference for positioning
  export const generateClassName = (seed?: string) => {
    return `appsmith_widget_${seed}`;
  };
  
  export const getCanvasClassName = () => "canvas";
  
  export const getNearestParentCanvas = (el: Element | null) => {
    const canvasQuerySelector = `.${getCanvasClassName()}`;
    if (el) return el.closest(canvasQuerySelector);
    return null;
  };
  
  export default {
    generateReactKey,
    generateClassName,
  };
  