Make creating custom components easier by passing commonProps

[sreuter]

Currently MRT_EditCellTextInput.tsx is creating a bunch of temporary variables which are being passed to the inbuilt components like TextInput, Select and MultiSelect. Unfortunately these commonProps are not being passed to a custom Edit component, which puts unnecessary burden on creating a custom component.

  if (columnDef.Edit) {
    return columnDef.Edit?.({ cell, column, row, table });
  }

  const commonProps = {
    disabled: parseFromValuesOrFunc(columnDef.enableEditing, row) === false,
    label: ['custom', 'modal'].includes(
      (isCreating ? createDisplayMode : editDisplayMode) as string,
    )
      ? column.columnDef.header
      : undefined,
    name: cell.id,
    onClick: (e: any) => {
      e.stopPropagation();
      textInputProps?.onClick?.(e);
    },
    placeholder: !['custom', 'modal'].includes(
      (isCreating ? createDisplayMode : editDisplayMode) as string,
    )
      ? columnDef.header
      : undefined,
    value,
    variant: editDisplayMode === 'table' ? 'unstyled' : 'default',
  } as const;

Any objection passing commonProps to the custom component as well under the commonProps key or differently?